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

package/src/native.ts

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

package/src/utils/flight.utils.ts

@@ -0,0 +1,35 @@
+import { FlightStatus, Theme } from '../features/chat/model/chat.model';
+
+export interface FlightStatusStyle {
+  dot: string;
+  badgeBg: string;
+  badgeText: string;
+  showDot: boolean;
+  label: string;
+}
+
+type StatusMap = Record<FlightStatus, FlightStatusStyle>;
+
+const DARK: StatusMap = {
+  [FlightStatus.OnTime]: { dot: 'bg-emerald-400', badgeBg: 'bg-emerald-500/15', badgeText: 'text-emerald-400', showDot: true, label: 'On time' },
+  [FlightStatus.Delayed]: { dot: 'bg-amber-400', badgeBg: 'bg-amber-500/15', badgeText: 'text-amber-400', showDot: false, label: 'Delayed' },
+  [FlightStatus.Boarding]: { dot: 'bg-indigo-300', badgeBg: 'bg-indigo-500/25', badgeText: 'text-indigo-300', showDot: false, label: 'Boarding' },
+  [FlightStatus.Landed]: { dot: 'bg-sky-400', badgeBg: 'bg-sky-500/15', badgeText: 'text-sky-400', showDot: true, label: 'Landed' },
+  [FlightStatus.Cancelled]: { dot: 'bg-red-400', badgeBg: 'bg-red-500/15', badgeText: 'text-red-400', showDot: false, label: 'Cancelled' },
+};
+
+const LIGHT: StatusMap = {
+  [FlightStatus.OnTime]: { dot: 'bg-emerald-500', badgeBg: 'bg-emerald-500/15', badgeText: 'text-emerald-600', showDot: true, label: 'On time' },
+  [FlightStatus.Delayed]: { dot: 'bg-amber-500', badgeBg: 'bg-amber-500/20', badgeText: 'text-amber-600', showDot: false, label: 'Delayed' },
+  [FlightStatus.Boarding]: { dot: 'bg-indigo-500', badgeBg: 'bg-indigo-500/15', badgeText: 'text-indigo-600', showDot: false, label: 'Boarding' },
+  [FlightStatus.Landed]: { dot: 'bg-sky-500', badgeBg: 'bg-sky-500/15', badgeText: 'text-sky-600', showDot: true, label: 'Landed' },
+  [FlightStatus.Cancelled]: { dot: 'bg-red-500', badgeBg: 'bg-red-500/15', badgeText: 'text-red-600', showDot: false, label: 'Cancelled' },
+};
+
+export function getFlightStatusStyle(
+  status: FlightStatus = FlightStatus.OnTime,
+  theme: Theme = Theme.Dark,
+): FlightStatusStyle {
+  const map = theme === Theme.Light ? LIGHT : DARK;
+  return map[status] ?? map[FlightStatus.OnTime];
+}

package/src/utils/order.utils.ts

@@ -0,0 +1,28 @@
+import { Theme } from '../features/chat/model/chat.model';
+import { OrderStatus } from '../features/chat/components/order/order.model';
+import { getStatusBadgeStyle, StatusTone } from './status-badge.utils';
+import type { StatusBadgeStyle } from './status-badge.utils';
+
+const LABEL: Record<OrderStatus, string> = {
+  [OrderStatus.Pending]: 'Pending',
+  [OrderStatus.Preparing]: 'Preparing',
+  [OrderStatus.Accepted]: 'Accepted',
+  [OrderStatus.Rejected]: 'Rejected',
+  [OrderStatus.Delivered]: 'Delivered',
+};
+
+export function getOrderStatusStyle(
+  status: OrderStatus = OrderStatus.Pending,
+  theme: Theme = Theme.Dark,
+): StatusBadgeStyle & { label: string } {
+  const tone =
+    status === OrderStatus.Accepted || status === OrderStatus.Delivered
+      ? StatusTone.Success
+      : status === OrderStatus.Rejected
+        ? StatusTone.Danger
+        : status === OrderStatus.Preparing
+          ? StatusTone.Info
+          : StatusTone.Pending;
+
+  return { ...getStatusBadgeStyle(tone, theme), label: LABEL[status] ?? LABEL[OrderStatus.Pending] };
+}

package/src/utils/price.utils.ts

@@ -1,10 +1,10 @@
 export function isFreePrice(price?: string | number | null): boolean {
   if (price == null) return true;
-  if (typeof price === 'number') return price === 0;
+  if (typeof price === 'number') return !Number.isFinite(price) || price === 0;
 
-  const trimmed = price.trim();
-  if (trimmed === '') return true;
+  const trimmed = price.trim().toLowerCase();
+  if (trimmed === '' || trimmed.includes('undefined') || trimmed.includes('null')) return true;
 
   const numeric = parseFloat(trimmed.replace(/[^0-9.,-]/g, '').replace(',', '.'));
-  return Number.isFinite(numeric) && numeric === 0;
+  return !Number.isFinite(numeric) || numeric === 0;
 }

package/src/utils/reservation.utils.ts

@@ -0,0 +1,23 @@
+import { Theme } from '../features/chat/model/chat.model';
+import { ReservationStatus } from '../features/chat/components/reservation/reservation.model';
+import { getStatusBadgeStyle, StatusTone } from './status-badge.utils';
+import type { StatusBadgeStyle } from './status-badge.utils';
+
+const LABEL: Record<ReservationStatus, string> = {
+  [ReservationStatus.Pending]: 'Pending',
+  [ReservationStatus.Confirmed]: 'Confirmed',
+  [ReservationStatus.Cancelled]: 'Cancelled',
+};
+
+export function getReservationStatusStyle(
+  status: ReservationStatus = ReservationStatus.Pending,
+  theme: Theme = Theme.Dark,
+): StatusBadgeStyle & { label: string } {
+  const tone = status === ReservationStatus.Confirmed
+    ? StatusTone.Success
+    : status === ReservationStatus.Cancelled
+      ? StatusTone.Danger
+      : StatusTone.Pending;
+
+  return { ...getStatusBadgeStyle(tone, theme), label: LABEL[status] ?? LABEL[ReservationStatus.Pending] };
+}

package/src/utils/status-badge.utils.ts

@@ -0,0 +1,36 @@
+import { Theme } from '../features/chat/model/chat.model';
+
+export enum StatusTone {
+  Pending = 'pending',
+  Success = 'success',
+  Danger = 'danger',
+  Info = 'info',
+  Neutral = 'neutral',
+}
+
+export interface StatusBadgeStyle {
+  badgeBg: string;
+  badgeText: string;
+  dot: string;
+}
+
+const DARK: Record<StatusTone, StatusBadgeStyle> = {
+  [StatusTone.Pending]: { badgeBg: 'bg-amber-500/15', badgeText: 'text-amber-400', dot: 'bg-amber-400' },
+  [StatusTone.Success]: { badgeBg: 'bg-emerald-500/15', badgeText: 'text-emerald-400', dot: 'bg-emerald-400' },
+  [StatusTone.Danger]: { badgeBg: 'bg-red-500/15', badgeText: 'text-red-400', dot: 'bg-red-400' },
+  [StatusTone.Info]: { badgeBg: 'bg-indigo-500/25', badgeText: 'text-indigo-300', dot: 'bg-indigo-300' },
+  [StatusTone.Neutral]: { badgeBg: 'bg-white/10', badgeText: 'text-neutral-300', dot: 'bg-neutral-400' },
+};
+
+const LIGHT: Record<StatusTone, StatusBadgeStyle> = {
+  [StatusTone.Pending]: { badgeBg: 'bg-amber-500/20', badgeText: 'text-amber-600', dot: 'bg-amber-500' },
+  [StatusTone.Success]: { badgeBg: 'bg-emerald-500/15', badgeText: 'text-emerald-600', dot: 'bg-emerald-500' },
+  [StatusTone.Danger]: { badgeBg: 'bg-red-500/15', badgeText: 'text-red-600', dot: 'bg-red-500' },
+  [StatusTone.Info]: { badgeBg: 'bg-indigo-500/15', badgeText: 'text-indigo-600', dot: 'bg-indigo-500' },
+  [StatusTone.Neutral]: { badgeBg: 'bg-slate-200', badgeText: 'text-neutral-600', dot: 'bg-slate-400' },
+};
+
+export function getStatusBadgeStyle(tone: StatusTone, theme: Theme = Theme.Dark): StatusBadgeStyle {
+  const map = theme === Theme.Light ? LIGHT : DARK;
+  return map[tone] ?? map[StatusTone.Neutral];
+}

package/src/utils/theme.utils.ts

@@ -13,6 +13,9 @@ export interface ThemeClasses {
   iconBg: string;
   iconText: string;
   iconColor: string;
+  mutedIconBg: string;
+  mutedIconColor: string;
+  dashLine: string;
 }
 
 const DARK: ThemeClasses = {
@@ -28,6 +31,9 @@ const DARK: ThemeClasses = {
   iconBg: 'bg-indigo-500/20',
   iconText: 'text-indigo-300',
   iconColor: '#a5b4fc',
+  mutedIconBg: 'bg-white/5',
+  mutedIconColor: '#82849a',
+  dashLine: 'border-neutral-700',
 };
 
 const LIGHT: ThemeClasses = {
@@ -43,6 +49,9 @@ const LIGHT: ThemeClasses = {
   iconBg: 'bg-indigo-500/15',
   iconText: 'text-indigo-500',
   iconColor: '#6366f1',
+  mutedIconBg: 'bg-slate-200',
+  mutedIconColor: '#64748b',
+  dashLine: 'border-slate-300',
 };
 
 export function getThemeClasses(theme: Theme = Theme.Dark): ThemeClasses {

package/src/utils/time.utils.ts

@@ -0,0 +1,58 @@
+function parseDate(value?: string | null): Date | null {
+  if (value == null) return null;
+
+  const trimmed = value.trim();
+  if (trimmed === '') return null;
+
+  const date = new Date(trimmed);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+
+function formatDateTime(date: Date): string {
+  return date.toLocaleString('en-US', {
+    month: 'short',
+    day: 'numeric',
+    year: 'numeric',
+    hour: 'numeric',
+    minute: '2-digit',
+  });
+}
+
+function formatTime(date: Date): string {
+  return date.toLocaleTimeString('en-US', {
+    hour: 'numeric',
+    minute: '2-digit',
+  });
+}
+
+function isSameDay(a: Date, b: Date): boolean {
+  return (
+    a.getFullYear() === b.getFullYear() &&
+    a.getMonth() === b.getMonth() &&
+    a.getDate() === b.getDate()
+  );
+}
+
+export function hasEventTime(time?: string | null): boolean {
+  if (time == null) return false;
+
+  const trimmed = time.trim().toLowerCase();
+  if (trimmed === '' || trimmed.includes('undefined') || trimmed.includes('null')) return false;
+
+  return !/^0{1,2}:0{2}(:0{2})?$/.test(trimmed);
+}
+
+export function formatEventDate(startDateTime?: string | null, endDateTime?: string | null): string {
+  const start = parseDate(startDateTime);
+  if (!start) return '';
+
+  const end = parseDate(endDateTime);
+  if (end && !isSameDay(start, end)) {
+    return `${formatDateTime(start)} – ${formatDateTime(end)}`;
+  }
+  if (end) {
+    return `${formatDateTime(start)} – ${formatTime(end)}`;
+  }
+
+  return formatDateTime(start);
+}

package/src/web.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';
-export { ComponentType, ItemAction, Theme } from './features/chat/model/chat.model';
+export { ComponentType, ItemAction, Theme, FlightStatus } from './features/chat/model/chat.model';
+export { OrderStatus } from './features/chat/components/order/order.model';
+export { ReservationStatus } from './features/chat/components/reservation/reservation.model';
 export type { ProductItem } from './features/chat/components/product/product.model';
 export type { ServiceItem } from './features/chat/components/service/service.model';
 export type { EventItem } from './features/chat/components/event/event.model';
 export type { InfoItem } from './features/chat/components/info/info.model';
+export type { FlightItem, Airport } from './features/chat/components/flight/flight.model';
+export type { FlightBoardItem, FlightRow } from './features/chat/components/flight-board/flight-board.model';
+export type { OrderListItem, OrderRow } from './features/chat/components/order/order.model';
+export type { ReservationListItem, ReservationRow } from './features/chat/components/reservation/reservation.model';
 export type {
   ChatMessage,
   ChatMessageProps,