@inorain_development/hotel-smarters-chat-ui 1.2.2 → 1.3.0

package/lib/typescript/module/features/chat/components/reservation/reservation.d.ts

@@ -0,0 +1,4 @@
+import type { ChatComponentProps } from '../../model/chat.model.js';
+import type { ReservationListItem } from './reservation.model.js';
+export declare function Reservation({ data, theme, language, actionLabel, onAction, onSelect, }: ChatComponentProps<ReservationListItem>): import("react").JSX.Element | null;
+//# sourceMappingURL=reservation.d.ts.map

package/lib/typescript/module/features/chat/components/reservation/reservation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservation.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chat/components/reservation/reservation.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,wBAAqB,CAAC;AAE/E,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAkB,EAClB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,sCA6IzC"}

package/lib/typescript/module/features/chat/components/reservation/reservation.model.d.ts

@@ -0,0 +1,27 @@
+import type { LocalizedText } from '../../model/chat.model.js';
+export declare enum ReservationStatus {
+    Pending = "pending",
+    Confirmed = "confirmed",
+    Cancelled = "cancelled"
+}
+export interface ReservationRow {
+    id: number;
+    name: LocalizedText;
+    date: string;
+    time: string;
+    duration?: string;
+    price: string;
+    status: ReservationStatus;
+    statusLabel?: LocalizedText;
+}
+export interface ReservationListItem {
+    title: LocalizedText;
+    subtitle?: LocalizedText;
+    status?: ReservationStatus;
+    statusLabel?: LocalizedText;
+    reservations: ReservationRow[];
+    totalLabel?: LocalizedText;
+    total?: string;
+    actionLabel?: LocalizedText;
+}
+//# sourceMappingURL=reservation.model.d.ts.map

package/lib/typescript/module/features/chat/components/reservation/reservation.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservation.model.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chat/components/reservation/reservation.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAAwB,CAAC;AAE5D,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B"}

package/lib/typescript/module/features/chat/components/reservation/reservation.native.d.ts

@@ -0,0 +1,4 @@
+import type { ChatComponentProps } from '../../model/chat.model.js';
+import type { ReservationListItem } from './reservation.model.js';
+export declare function Reservation({ data, theme, language, actionLabel, onAction, onSelect, }: ChatComponentProps<ReservationListItem>): import("react").JSX.Element | null;
+//# sourceMappingURL=reservation.native.d.ts.map

package/lib/typescript/module/features/chat/components/reservation/reservation.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservation.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chat/components/reservation/reservation.native.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAAwB,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,wBAAqB,CAAC;AAE/E,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAkB,EAClB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,sCA0IzC"}

package/lib/typescript/module/features/chat/model/chat.model.d.ts

@@ -11,10 +11,25 @@ export declare enum ComponentType {
     ServiceList = "serviceList",
     Event = "event",
     EventList = "eventList",
-    Info = "info"
+    Info = "info",
+    Flight = "flight",
+    FlightList = "flightList",
+    FlightBoard = "flightBoard",
+    Order = "order",
+    Reservation = "reservation",
+    ReservationList = "reservationList"
 }
 export declare enum ItemAction {
-    Add = "add"
+    Add = "add",
+    Manage = "manage",
+    Track = "track"
+}
+export declare enum FlightStatus {
+    OnTime = "onTime",
+    Delayed = "delayed",
+    Boarding = "boarding",
+    Landed = "landed",
+    Cancelled = "cancelled"
 }
 export type ActionHandler<TItem = unknown> = (item: TItem, action?: ItemAction) => void;
 export interface ItemCount {

package/lib/typescript/module/features/chat/model/chat.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chat/model/chat.model.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAC9B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEnD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,IAAI,SAAS;CACd;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,aAAa,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;AAExF,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB,CAAC,KAAK,GAAG,OAAO;IACjD,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf"}
+{"version":3,"file":"chat.model.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chat/model/chat.model.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAC9B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEnD,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,eAAe,oBAAoB;CACpC;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,MAAM,MAAM,aAAa,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;AAExF,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB,CAAC,KAAK,GAAG,OAAO;IACjD,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf"}

package/lib/typescript/module/features/chat/renderer/renderer.d.ts

@@ -2,6 +2,10 @@ import type { ProductItem } from '../components/product/product.model.js';
 import type { ServiceItem } from '../components/service/service.model.js';
 import type { EventItem } from '../components/event/event.model.js';
 import type { InfoItem } from '../components/info/info.model.js';
+import type { FlightItem } from '../components/flight/flight.model.js';
+import type { FlightBoardItem } from '../components/flight-board/flight-board.model.js';
+import type { OrderListItem } from '../components/order/order.model.js';
+import type { ReservationListItem } from '../components/reservation/reservation.model.js';
 import type { ChatComponentProps } from '../model/chat.model.js';
-export declare function ChatComponentRenderer<TItem extends ProductItem | ServiceItem | EventItem | InfoItem>({ type, ...rest }: ChatComponentProps<TItem>): import("react").JSX.Element | null;
+export declare function ChatComponentRenderer<TItem extends ProductItem | ServiceItem | EventItem | InfoItem | FlightItem | FlightBoardItem | OrderListItem | ReservationListItem>({ type, ...rest }: ChatComponentProps<TItem>): import("react").JSX.Element | null;
 //# sourceMappingURL=renderer.d.ts.map

package/lib/typescript/module/features/chat/renderer/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chat/renderer/renderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAqB,CAAC;AAE9D,wBAAgB,qBAAqB,CACnC,KAAK,SAAS,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,EAC9D,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC,KAAK,CAAC,sCAgB7C"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chat/renderer/renderer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sCAAmC,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kDAA+C,CAAC;AACrF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gDAA6C,CAAC;AAEvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAqB,CAAC;AAE9D,wBAAgB,qBAAqB,CACnC,KAAK,SACD,WAAW,GACX,WAAW,GACX,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,aAAa,GACb,mBAAmB,EACvB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC,KAAK,CAAC,sCA4B7C"}

package/lib/typescript/module/features/chat/renderer/renderer.native.d.ts

@@ -2,6 +2,10 @@ import type { ProductItem } from '../components/product/product.model.js';
 import type { ServiceItem } from '../components/service/service.model.js';
 import type { EventItem } from '../components/event/event.model.js';
 import type { InfoItem } from '../components/info/info.model.js';
+import type { FlightItem } from '../components/flight/flight.model.js';
+import type { FlightBoardItem } from '../components/flight-board/flight-board.model.js';
+import type { OrderListItem } from '../components/order/order.model.js';
+import type { ReservationListItem } from '../components/reservation/reservation.model.js';
 import type { ChatComponentProps } from '../model/chat.model.js';
-export declare function ChatComponentRenderer<TItem extends ProductItem | ServiceItem | EventItem | InfoItem>({ type, ...rest }: ChatComponentProps<TItem>): import("react").JSX.Element | null;
+export declare function ChatComponentRenderer<TItem extends ProductItem | ServiceItem | EventItem | InfoItem | FlightItem | FlightBoardItem | OrderListItem | ReservationListItem>({ type, ...rest }: ChatComponentProps<TItem>): import("react").JSX.Element | null;
 //# sourceMappingURL=renderer.native.d.ts.map

package/lib/typescript/module/features/chat/renderer/renderer.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.native.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chat/renderer/renderer.native.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAqB,CAAC;AAE9D,wBAAgB,qBAAqB,CACnC,KAAK,SAAS,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,EAC9D,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC,KAAK,CAAC,sCAgB7C"}
+{"version":3,"file":"renderer.native.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chat/renderer/renderer.native.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAqC,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sCAAmC,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kDAA+C,CAAC;AACrF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAiC,CAAC;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gDAA6C,CAAC;AAEvF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAqB,CAAC;AAE9D,wBAAgB,qBAAqB,CACnC,KAAK,SACD,WAAW,GACX,WAAW,GACX,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,aAAa,GACb,mBAAmB,EACvB,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,CAAC,KAAK,CAAC,sCA4B7C"}

package/lib/typescript/module/native.d.ts

@@ -2,14 +2,24 @@ export { Product } from './features/chat/components/product/product.native.js';
 export { Service } from './features/chat/components/service/service.native.js';
 export { Event } from './features/chat/components/event/event.native.js';
 export { Info } from './features/chat/components/info/info.native.js';
+export { Flight } from './features/chat/components/flight/flight.native.js';
+export { FlightBoard } from './features/chat/components/flight-board/flight-board.native.js';
+export { Order } from './features/chat/components/order/order.native.js';
+export { Reservation } from './features/chat/components/reservation/reservation.native.js';
 export { ChatComponentRenderer } from './features/chat/renderer/renderer.native.js';
 export { ChatMessageRenderer } from './features/chat/message/message.native.js';
 export { parseMessage } from './features/chat/message/message.logic.js';
-export { ComponentType, ItemAction, Theme } from './features/chat/model/chat.model.js';
+export { ComponentType, ItemAction, Theme, FlightStatus } from './features/chat/model/chat.model.js';
+export { OrderStatus } from './features/chat/components/order/order.model.js';
+export { ReservationStatus } from './features/chat/components/reservation/reservation.model.js';
 export type { ProductItem } from './features/chat/components/product/product.model.js';
 export type { ServiceItem } from './features/chat/components/service/service.model.js';
 export type { EventItem } from './features/chat/components/event/event.model.js';
 export type { InfoItem } from './features/chat/components/info/info.model.js';
+export type { FlightItem, Airport } from './features/chat/components/flight/flight.model.js';
+export type { FlightBoardItem, FlightRow } from './features/chat/components/flight-board/flight-board.model.js';
+export type { OrderListItem, OrderRow } from './features/chat/components/order/order.model.js';
+export type { ReservationListItem, ReservationRow } from './features/chat/components/reservation/reservation.model.js';
 export type { ChatMessage, ChatMessageProps, MessageBlock, MessageBlockContent, MessageSegment, } from './features/chat/message/message.model.js';
 export type { ActionHandler, ChatComponentProps, ItemCount, Language, LocalizedText, } from './features/chat/model/chat.model.js';
 //# sourceMappingURL=native.d.ts.map

package/lib/typescript/module/native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAmD,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAmD,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,kDAA+C,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,gDAA6C,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAAwC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,0CAAuC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,qCAAkC,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,SAAS,EAAE,MAAM,iDAA8C,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA4C,CAAC;AAC3E,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,cAAc,GACf,MAAM,0CAAuC,CAAC;AAC/C,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,GACd,MAAM,qCAAkC,CAAC"}
+{"version":3,"file":"native.d.ts","sourceRoot":"","sources":["../../../src/native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAmD,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sDAAmD,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,kDAA+C,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,gDAA6C,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,oDAAiD,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gEAA6D,CAAC;AAC1F,OAAO,EAAE,KAAK,EAAE,MAAM,kDAA+C,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,8DAA2D,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA0C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAAwC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,0CAAuC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAkC,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,iDAA8C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6DAA0D,CAAC;AAC7F,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,SAAS,EAAE,MAAM,iDAA8C,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA4C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mDAAgD,CAAC;AAC1F,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,+DAA4D,CAAC;AAC7G,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iDAA8C,CAAC;AAC5F,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,6DAA0D,CAAC;AACpH,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,cAAc,GACf,MAAM,0CAAuC,CAAC;AAC/C,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,GACd,MAAM,qCAAkC,CAAC"}

package/lib/typescript/module/utils/flight.utils.d.ts

@@ -0,0 +1,10 @@
+import { FlightStatus, Theme } from '../features/chat/model/chat.model.js';
+export interface FlightStatusStyle {
+    dot: string;
+    badgeBg: string;
+    badgeText: string;
+    showDot: boolean;
+    label: string;
+}
+export declare function getFlightStatusStyle(status?: FlightStatus, theme?: Theme): FlightStatusStyle;
+//# sourceMappingURL=flight.utils.d.ts.map

package/lib/typescript/module/utils/flight.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/flight.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,sCAAmC,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAoBD,wBAAgB,oBAAoB,CAClC,MAAM,GAAE,YAAkC,EAC1C,KAAK,GAAE,KAAkB,GACxB,iBAAiB,CAGnB"}

package/lib/typescript/module/utils/order.utils.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../features/chat/model/chat.model.js';
+import { OrderStatus } from '../features/chat/components/order/order.model.js';
+import type { StatusBadgeStyle } from './status-badge.utils.js';
+export declare function getOrderStatusStyle(status?: OrderStatus, theme?: Theme): StatusBadgeStyle & {
+    label: string;
+};
+//# sourceMappingURL=order.utils.d.ts.map

package/lib/typescript/module/utils/order.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/order.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAmC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kDAA+C,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAsB,CAAC;AAU7D,wBAAgB,mBAAmB,CACjC,MAAM,GAAE,WAAiC,EACzC,KAAK,GAAE,KAAkB,GACxB,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAWtC"}

package/lib/typescript/module/utils/reservation.utils.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '../features/chat/model/chat.model.js';
+import { ReservationStatus } from '../features/chat/components/reservation/reservation.model.js';
+import type { StatusBadgeStyle } from './status-badge.utils.js';
+export declare function getReservationStatusStyle(status?: ReservationStatus, theme?: Theme): StatusBadgeStyle & {
+    label: string;
+};
+//# sourceMappingURL=reservation.utils.d.ts.map

package/lib/typescript/module/utils/reservation.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservation.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/reservation.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAmC,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8DAA2D,CAAC;AAE9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAsB,CAAC;AAQ7D,wBAAgB,yBAAyB,CACvC,MAAM,GAAE,iBAA6C,EACrD,KAAK,GAAE,KAAkB,GACxB,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAQtC"}

package/lib/typescript/module/utils/status-badge.utils.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '../features/chat/model/chat.model.js';
+export declare enum StatusTone {
+    Pending = "pending",
+    Success = "success",
+    Danger = "danger",
+    Info = "info",
+    Neutral = "neutral"
+}
+export interface StatusBadgeStyle {
+    badgeBg: string;
+    badgeText: string;
+    dot: string;
+}
+export declare function getStatusBadgeStyle(tone: StatusTone, theme?: Theme): StatusBadgeStyle;
+//# sourceMappingURL=status-badge.utils.d.ts.map

package/lib/typescript/module/utils/status-badge.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/status-badge.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAmC,CAAC;AAE1D,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAkBD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,GAAE,KAAkB,GAAG,gBAAgB,CAGjG"}

package/lib/typescript/module/utils/theme.utils.d.ts

@@ -12,6 +12,9 @@ export interface ThemeClasses {
     iconBg: string;
     iconText: string;
     iconColor: string;
+    mutedIconBg: string;
+    mutedIconColor: string;
+    dashLine: string;
 }
 export declare function getThemeClasses(theme?: Theme): ThemeClasses;
 //# sourceMappingURL=theme.utils.d.ts.map

package/lib/typescript/module/utils/theme.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAmC,CAAC;AAE1D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAgCD,wBAAgB,eAAe,CAAC,KAAK,GAAE,KAAkB,GAAG,YAAY,CAEvE"}
+{"version":3,"file":"theme.utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAmC,CAAC;AAE1D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAsCD,wBAAgB,eAAe,CAAC,KAAK,GAAE,KAAkB,GAAG,YAAY,CAEvE"}

package/lib/typescript/module/web.d.ts

@@ -2,14 +2,24 @@ export { Product } from './features/chat/components/product/product';
 export { Service } from './features/chat/components/service/service';
 export { Event } from './features/chat/components/event/event';
 export { Info } from './features/chat/components/info/info';
+export { Flight } from './features/chat/components/flight/flight';
+export { FlightBoard } from './features/chat/components/flight-board/flight-board';
+export { Order } from './features/chat/components/order/order';
+export { Reservation } from './features/chat/components/reservation/reservation';
 export { ChatComponentRenderer } from './features/chat/renderer/renderer';
 export { ChatMessageRenderer } from './features/chat/message/message';
 export { parseMessage } from './features/chat/message/message.logic.js';
-export { ComponentType, ItemAction, Theme } from './features/chat/model/chat.model.js';
+export { ComponentType, ItemAction, Theme, FlightStatus } from './features/chat/model/chat.model.js';
+export { OrderStatus } from './features/chat/components/order/order.model.js';
+export { ReservationStatus } from './features/chat/components/reservation/reservation.model.js';
 export type { ProductItem } from './features/chat/components/product/product.model.js';
 export type { ServiceItem } from './features/chat/components/service/service.model.js';
 export type { EventItem } from './features/chat/components/event/event.model.js';
 export type { InfoItem } from './features/chat/components/info/info.model.js';
+export type { FlightItem, Airport } from './features/chat/components/flight/flight.model.js';
+export type { FlightBoardItem, FlightRow } from './features/chat/components/flight-board/flight-board.model.js';
+export type { OrderListItem, OrderRow } from './features/chat/components/order/order.model.js';
+export type { ReservationListItem, ReservationRow } from './features/chat/components/reservation/reservation.model.js';
 export type { ChatMessage, ChatMessageProps, MessageBlock, MessageBlockContent, MessageSegment, } from './features/chat/message/message.model.js';
 export type { ActionHandler, ChatComponentProps, ItemCount, Language, LocalizedText, } from './features/chat/model/chat.model.js';
 //# sourceMappingURL=web.d.ts.map

package/lib/typescript/module/web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAAuC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,qCAAkC,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,SAAS,EAAE,MAAM,iDAA8C,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA4C,CAAC;AAC3E,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,cAAc,GACf,MAAM,0CAAuC,CAAC;AAC/C,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,GACd,MAAM,qCAAkC,CAAC"}
+{"version":3,"file":"web.d.ts","sourceRoot":"","sources":["../../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAAuC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAkC,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,iDAA8C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6DAA0D,CAAC;AAC7F,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,qDAAkD,CAAC;AACpF,YAAY,EAAE,SAAS,EAAE,MAAM,iDAA8C,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA4C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mDAAgD,CAAC;AAC1F,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,+DAA4D,CAAC;AAC7G,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iDAA8C,CAAC;AAC5F,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,6DAA0D,CAAC;AACpH,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,cAAc,GACf,MAAM,0CAAuC,CAAC;AAC/C,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,GACd,MAAM,qCAAkC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inorain_development/hotel-smarters-chat-ui",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Cross-platform (React DOM + React Native) chat UI components that render dynamically from an AI-provided { type, data } payload.",
   "private": false,
   "license": "UNLICENSED",

package/src/features/chat/components/common/calendar-icon.native.tsx

@@ -0,0 +1,13 @@
+export interface CalendarIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function CalendarIcon({ size = 16, color = 'currentColor' }: CalendarIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <rect x="4" y="5" width="16" height="16" rx="2" stroke={color} strokeWidth={1.8} />
+      <path d="M4 9h16M8 3v4M16 3v4" stroke={color} strokeWidth={1.8} strokeLinecap="round" />
+    </svg>
+  );
+}

package/src/features/chat/components/common/calendar-icon.tsx

@@ -0,0 +1,13 @@
+export interface CalendarIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function CalendarIcon({ size = 16, color = 'currentColor' }: CalendarIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <rect x="4" y="5" width="16" height="16" rx="2" stroke={color} strokeWidth={1.8} />
+      <path d="M4 9h16M8 3v4M16 3v4" stroke={color} strokeWidth={1.8} strokeLinecap="round" />
+    </svg>
+  );
+}

package/src/features/chat/components/common/cart-icon.tsx

@@ -0,0 +1,20 @@
+export interface CartIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function CartIcon({ size = 16, color = 'currentColor' }: CartIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <path
+        d="M3 4h2l2.4 11.2a1.5 1.5 0 0 0 1.47 1.18h7.86a1.5 1.5 0 0 0 1.47-1.18L21 8H6"
+        stroke={color}
+        strokeWidth={1.8}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <circle cx="9.5" cy="20" r="1.4" fill={color} />
+      <circle cx="17" cy="20" r="1.4" fill={color} />
+    </svg>
+  );
+}

package/src/features/chat/components/common/chevron-icon.native.tsx

@@ -0,0 +1,18 @@
+export interface ChevronIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function ChevronIcon({ size = 16, color = 'currentColor' }: ChevronIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <path
+        d="M6 9l6 6 6-6"
+        stroke={color}
+        strokeWidth={1.8}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/features/chat/components/common/chevron-icon.tsx

@@ -0,0 +1,18 @@
+export interface ChevronIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function ChevronIcon({ size = 16, color = 'currentColor' }: ChevronIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <path
+        d="M6 9l6 6 6-6"
+        stroke={color}
+        strokeWidth={1.8}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}

package/src/features/chat/components/common/plane-icon.native.tsx

@@ -0,0 +1,15 @@
+export interface PlaneIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function PlaneIcon({ size = 20, color = 'currentColor' }: PlaneIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <path
+        d="M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"
+        fill={color}
+      />
+    </svg>
+  );
+}

package/src/features/chat/components/common/plane-icon.tsx

@@ -0,0 +1,15 @@
+export interface PlaneIconProps {
+  size?: number;
+  color?: string;
+}
+
+export function PlaneIcon({ size = 20, color = 'currentColor' }: PlaneIconProps) {
+  return (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <path
+        d="M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"
+        fill={color}
+      />
+    </svg>
+  );
+}

package/src/features/chat/components/flight/flight-card.native.tsx

@@ -0,0 +1,100 @@
+import { useState } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { getThemeClasses } from '../../../../utils/theme.utils';
+import { getFlightStatusStyle } from '../../../../utils/flight.utils';
+import { resolveText } from '../../../../utils/i18n.utils';
+import { Collapsible } from '../common/collapsible.native';
+import { PlaneIcon } from '../common/plane-icon.native';
+import { ChevronIcon } from '../common/chevron-icon.native';
+import { FlightStatus, Theme } from '../../model/chat.model';
+import type { FlightItem } from './flight.model';
+
+export interface FlightCardProps {
+  item: FlightItem;
+  theme: Theme;
+  language?: string;
+  accent: boolean;
+  defaultExpanded: boolean;
+  onSelect?: (item: FlightItem) => void;
+}
+
+export function FlightCard({ item, theme, language, accent, defaultExpanded, onSelect }: FlightCardProps) {
+  const c = getThemeClasses(theme);
+  const [expanded, setExpanded] = useState(defaultExpanded);
+
+  const s = getFlightStatusStyle(item.status ?? FlightStatus.OnTime, theme);
+  const statusLabel = item.statusLabel ? resolveText(item.statusLabel, language) : s.label;
+  const airline = resolveText(item.airline, language);
+  const fromCity = resolveText(item.from.city, language);
+  const toCity = resolveText(item.to.city, language);
+  const subline = item.date
+    ? `${resolveText(item.date, language)}${item.terminal ? ` · ${resolveText(item.terminal, language)}` : ''}`
+    : '';
+  const compact = `${item.from.code} → ${item.to.code} · ${item.from.time}`;
+
+  const iconBg = accent ? c.iconBg : c.mutedIconBg;
+  const iconColor = accent ? c.iconColor : c.mutedIconColor;
+
+  return (
+    <View className={`rounded-2xl border p-3 ${c.surface} ${c.border}`}>
+      <Pressable
+        className="flex-row items-center gap-3"
+        onPress={() => {
+          setExpanded((v) => !v);
+          onSelect?.(item);
+        }}
+      >
+        <View className={`h-11 w-11 items-center justify-center rounded-xl ${iconBg}`}>
+          <PlaneIcon size={20} color={iconColor} />
+        </View>
+
+        <View className="flex-1 gap-0.5">
+          <Text className={`text-base font-bold down-sm:text-sm ${c.title}`} numberOfLines={2}>
+            {airline} · {item.flightNumber}
+          </Text>
+          <Text className={`text-xs ${c.subtitle}`} numberOfLines={1}>
+            {expanded ? subline || compact : compact}
+          </Text>
+        </View>
+
+        <View className={`flex-row items-center gap-1.5 rounded-full px-2.5 py-1 ${s.badgeBg}`}>
+          {s.showDot ? <View className={`h-1.5 w-1.5 rounded-full ${s.dot}`} /> : null}
+          <Text className={`text-xs font-semibold ${s.badgeText}`}>{statusLabel}</Text>
+        </View>
+
+        <View className={expanded ? 'rotate-180' : undefined}>
+          <ChevronIcon size={18} color={c.mutedIconColor} />
+        </View>
+      </Pressable>
+
+      <Collapsible expanded={expanded}>
+        <View className="mt-4 flex-row items-center">
+          <View className="items-start">
+            <Text className={`text-3xl font-bold down-sm:text-2xl ${c.title}`}>{item.from.code}</Text>
+            <Text className={`text-base font-semibold ${c.title}`}>{item.from.time}</Text>
+            <Text className={`text-xs ${c.subtitle}`}>{fromCity}</Text>
+          </View>
+
+          <View className="flex-1 items-center px-3">
+            {item.duration ? <Text className={`mb-1 text-xs ${c.subtitle}`}>{item.duration}</Text> : null}
+            <View className="w-full flex-row items-center">
+              <View className={`h-2 w-2 rounded-full ${s.dot}`} />
+              <View className={`flex-1 border-t border-dashed ${c.dashLine}`} />
+              <View className="rotate-90">
+                <PlaneIcon size={16} color={c.iconColor} />
+              </View>
+              <View className={`flex-1 border-t border-dashed ${c.dashLine}`} />
+              <View className={`h-2 w-2 rounded-full ${s.dot}`} />
+            </View>
+          </View>
+
+          <View className="items-end">
+            <Text className={`text-3xl font-bold down-sm:text-2xl ${c.title}`}>{item.to.code}</Text>
+            <Text className={`text-base font-semibold ${c.title}`}>{item.to.time}</Text>
+            <Text className={`text-xs ${c.subtitle}`}>{toCity}</Text>
+          </View>
+        </View>
+      </Collapsible>
+    </View>
+  );
+}

package/src/features/chat/components/flight/flight-card.tsx

@@ -0,0 +1,100 @@
+import { useState } from 'react';
+import { getThemeClasses } from '../../../../utils/theme.utils';
+import { getFlightStatusStyle } from '../../../../utils/flight.utils';
+import { resolveText } from '../../../../utils/i18n.utils';
+import { Collapsible } from '../common/collapsible';
+import { PlaneIcon } from '../common/plane-icon';
+import { ChevronIcon } from '../common/chevron-icon';
+import { FlightStatus, Theme } from '../../model/chat.model';
+import type { FlightItem } from './flight.model';
+
+export interface FlightCardProps {
+  item: FlightItem;
+  theme: Theme;
+  language?: string;
+  accent: boolean;
+  defaultExpanded: boolean;
+  onSelect?: (item: FlightItem) => void;
+}
+
+export function FlightCard({ item, theme, language, accent, defaultExpanded, onSelect }: FlightCardProps) {
+  const c = getThemeClasses(theme);
+  const [expanded, setExpanded] = useState(defaultExpanded);
+
+  const s = getFlightStatusStyle(item.status ?? FlightStatus.OnTime, theme);
+  const statusLabel = item.statusLabel ? resolveText(item.statusLabel, language) : s.label;
+  const airline = resolveText(item.airline, language);
+  const fromCity = resolveText(item.from.city, language);
+  const toCity = resolveText(item.to.city, language);
+  const subline = item.date
+    ? `${resolveText(item.date, language)}${item.terminal ? ` · ${resolveText(item.terminal, language)}` : ''}`
+    : '';
+  const compact = `${item.from.code} → ${item.to.code} · ${item.from.time}`;
+
+  const iconBg = accent ? c.iconBg : c.mutedIconBg;
+  const iconColor = accent ? c.iconColor : c.mutedIconColor;
+
+  return (
+    <div className={`rounded-2xl border p-3 ${c.surface} ${c.border}`}>
+      <button
+        type="button"
+        className="flex w-full items-center gap-3 text-left"
+        onClick={() => {
+          setExpanded((v) => !v);
+          onSelect?.(item);
+        }}
+      >
+        <div className={`flex h-11 w-11 shrink-0 items-center justify-center rounded-xl ${iconBg}`}>
+          <PlaneIcon size={20} color={iconColor} />
+        </div>
+
+        <div className="flex min-w-0 flex-1 flex-col gap-0.5">
+          <span className={`text-base font-bold down-sm:text-sm ${c.title}`}>
+            {airline} · {item.flightNumber}
+          </span>
+          <span className={`truncate text-xs ${c.subtitle}`}>
+            {expanded ? subline || compact : compact}
+          </span>
+        </div>
+
+        <div className={`flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1 ${s.badgeBg}`}>
+          {s.showDot ? <span className={`h-1.5 w-1.5 rounded-full ${s.dot}`} /> : null}
+          <span className={`text-xs font-semibold ${s.badgeText}`}>{statusLabel}</span>
+        </div>
+
+        <span className={`shrink-0 transition-transform ${expanded ? 'rotate-180' : ''}`}>
+          <ChevronIcon size={18} color={c.mutedIconColor} />
+        </span>
+      </button>
+
+      <Collapsible expanded={expanded}>
+        <div className="mt-4 flex items-center">
+          <div className="flex flex-col items-start">
+            <span className={`text-3xl font-bold down-sm:text-2xl ${c.title}`}>{item.from.code}</span>
+            <span className={`text-base font-semibold ${c.title}`}>{item.from.time}</span>
+            <span className={`text-xs ${c.subtitle}`}>{fromCity}</span>
+          </div>
+
+          <div className="flex flex-1 flex-col items-center px-3">
+            {item.duration ? <span className={`mb-1 text-xs ${c.subtitle}`}>{item.duration}</span> : null}
+            <div className="flex w-full items-center">
+              <span className={`h-2 w-2 shrink-0 rounded-full ${s.dot}`} />
+              <span className={`flex-1 border-t border-dashed ${c.dashLine}`} />
+              <span className="rotate-90">
+                <PlaneIcon size={16} color={c.iconColor} />
+              </span>
+              <span className={`flex-1 border-t border-dashed ${c.dashLine}`} />
+              <span className={`h-2 w-2 shrink-0 rounded-full ${s.dot}`} />
+            </div>
+          </div>
+
+          <div className="flex flex-col items-end">
+            <span className={`text-3xl font-bold down-sm:text-2xl ${c.title}`}>{item.to.code}</span>
+            <span className={`text-base font-semibold ${c.title}`}>{item.to.time}</span>
+            <span className={`text-xs ${c.subtitle}`}>{toCity}</span>
+          </div>
+        </div>
+      </Collapsible>
+    </div>
+  );
+}