diff --git a/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx b/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx index 7792c712a..5be286d76 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/NewBookingPage.tsx @@ -1,14 +1,23 @@ import { useMemo, useState } from "react"; -import { useMutation, useQueryClient } from "@tanstack/react-query"; +import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { zodResolver } from "@hookform/resolvers/zod"; import { useForm } from "react-hook-form"; import { useNavigate } from "react-router-dom"; -import { Check, CheckCircle2, ChevronLeft, ChevronRight } from "lucide-react"; +import { + AlertCircle, + Check, + CheckCircle2, + ChevronLeft, + ChevronRight, + LoaderCircle, +} from "lucide-react"; import { Button } from "@edr/ui-common"; +import type { Freight } from "@edr/types"; import Breadcrumbs from "@/components/Breadcrumbs"; import { api } from "@/services/api"; import type { CreateBookingPayload } from "@/services/bookings.service"; import { + BookingFormInputValues, STEPS, bookingFormSchema, calcWagons, @@ -32,6 +41,10 @@ export default function NewBookingPage() { const queryClient = useQueryClient(); const [step, setStep] = useState(1); const { customer } = useAuth(); + const { data: referenceData, isLoading: refDataLoading } = useQuery( + api.bookings.referenceData.queryOptions(), + ); + const createMutation = useMutation({ mutationFn: (payload: CreateBookingPayload) => api.bookings.create.call(payload), @@ -41,7 +54,7 @@ export default function NewBookingPage() { }, }); - const form = useForm({ + const form = useForm({ defaultValues: initialBookingFormValues, resolver: zodResolver(bookingFormSchema), mode: "onChange", @@ -49,18 +62,12 @@ export default function NewBookingPage() { const originYard = form.watch("originYard"); const destinationYard = form.watch("destinationYard"); - const containers = form.watch("containers"); const direction = useMemo( () => getRouteDirection(originYard, destinationYard), [originYard, destinationYard], ); - const wagons = useMemo(() => { - if (!containers || containers.length === 0) return null; - return calcWagons(containers); - }, [containers]); - async function handleContinue() { const valid = await form.trigger(stepFields[step], { shouldFocus: true }); if (!valid) return; @@ -78,8 +85,6 @@ export default function NewBookingPage() { return; } - const reference = data.previousContractRef; - const totalWeight = data.cargoType === "container" ? data.containers.reduce( @@ -88,59 +93,115 @@ export default function NewBookingPage() { ) : Number(data.cargoWeight || 0); - const apiPayload = { - reference, - customerId: customer!.id, - scheduledDate: new Date().toISOString().slice(0, 10), - totalAmount: 0, - contractType: - data.contractType.toUpperCase() as CreateBookingPayload["contractType"], - previousContractId: data.previousContractRef || undefined, - serviceType: - data.service.serviceType === "rail" - ? "RAIL_ONLY" - : "RAIL_AND_FORWARDING", - ...(data.service.serviceType === "rail" - ? {} - : { - firstMileEnabled: data.firstMile.enabled, - firstMilePickupAddress: data.firstMile.pickUpAddress ?? undefined, - lastMileEnabled: data.lastMile.enabled, - lastMileDeliveryAddress: data.lastMile.deliveryAddress ?? undefined, - equipmentReturn: - data.equipmentReturn === "with_return" - ? ("WITH_RETURN" as const) - : ("WITHOUT_RETURN" as const), - customsClearingEnabled: data.customsClearingEnabled, - }), - originStation: data.originYard, - destinationStation: data.destinationYard, - cargoTotalWeightVgm: totalWeight, - freightType: data.cargoType === "container" ? "BREAK_BULK" : "BULK", - freightSubtype: - data.cargoType === "container" - ? undefined - : data.freightType === "bulk" + // ── Reference data lookups ────────────────────────────────────────── + const yards = referenceData?.yard ?? []; + const services = referenceData?.service ?? []; + const shippingLines = referenceData?.shipping_line ?? []; + const cargoTree = referenceData?.cargo_type ?? []; + const containerGroups = referenceData?.containers ?? []; + + const findYardId = (name: string): string => + yards.find((y) => y.name === name)?.id ?? ""; + + const findServiceTypeId = (): string => { + const code = data.serviceType === "rail" ? "RAIL" : "RAIL_AND_FORWARDING"; + return services.find((s) => s.code === code)?.id ?? services[0]?.id ?? ""; + }; + + const findShippingLineId = (name: string): string | undefined => + shippingLines.find((l) => l.name === name)?.id; + + const findCargoTypeId = (name: string): string | undefined => { + for (const group of cargoTree) { + const child = group.children?.find((c) => c.name === name); + if (child) return child.id; + } + return undefined; + }; + + const findContainerCargoTypeId = (): string => { + const group = cargoTree.find( + (g) => g.code === "CONTAINER" || /container/i.test(g.name), + ); + console.log(group, cargoTree); + return group?.id ?? ""; + }; + + const findContainerTypeId = (name: string): string => { + for (const group of containerGroups) { + const ct = group.types.find((t) => t.name === name); + if (ct) return ct.id; + } + return ""; + }; + + const cargoTypeId = + data.cargoType === "container" + ? findContainerCargoTypeId() + : (findCargoTypeId( + data.freightType === "bulk" ? data.bulkCommodity : data.breakBulkType, - isHazardous: data.isHazardous, - isRefrigerated: data.isRefrigerated, + ) ?? ""); + + const cargoFreeText = + data.cargoType === "container" + ? undefined + : data.freightType === "bulk" && data.bulkCommodity === "Others" + ? data.bulkCommodityOther + : data.freightType === "break_bulk" && data.breakBulkType === "Others" + ? data.breakBulkTypeOther + : undefined; + + // ── Build API payload ─────────────────────────────────────────────── + const apiPayload: CreateBookingPayload = { + scheduledDate: new Date().toISOString().slice(0, 10), + contractType: + data.contractType.toUpperCase() as CreateBookingPayload["contractType"], + serviceTypeId: findServiceTypeId(), + equipmentReturn: + data.equipmentReturn === "with_return" + ? "WITH_RETURN" + : "WITHOUT_RETURN", + originYardId: findYardId(data.originYard), + destinationYardId: findYardId(data.destinationYard), tradeDirection: - getRouteDirection(data.originYard, data.destinationYard) === "export" + direction === "export" ? "EXPORT" - : "IMPORT", + : direction === "domestic" + ? "DOMESTIC" + : "IMPORT", + cargoTypeId, + cargoTotalWeightVgm: totalWeight, + isHazardous: data.isHazardous, paymentCurrency: "USD", allowConsolidation: data.consolidationEnabled, - ...(data.cargoType === "container" && data.containers.length > 0 - ? { - containers: data.containers.map((c) => ({ - type: c.type === "40ft" ? ("40FT" as const) : ("20FT" as const), - qty: Number(c.qty || 1), - vgm: Number(c.vgm || 0), - })), - } + containers: + data.cargoType === "container" + ? data.containers.map((c) => ({ + containerTypeId: findContainerTypeId(c.containerType), + quantity: Number(c.qty || 1), + vgmPerUnitTons: Number(c.vgm || 0), + })) + : [], + ...(customer ? { customerId: customer.id } : {}), + ...(data.previousContractRef + ? { previousContractId: data.previousContractRef } : {}), - } satisfies CreateBookingPayload; + ...(data.contractType === "renewal" && data.previousContractRef + ? { pnrCode: data.previousContractRef } + : {}), + ...(data.serviceType === "rail_forwarding" && data.firstMile.enabled + ? { firstMilePickupAddress: data.firstMile.pickUpAddress } + : {}), + ...(data.serviceType === "rail_forwarding" && data.lastMile.enabled + ? { lastMileDeliveryAddress: data.lastMile.deliveryAddress } + : {}), + ...(data.shippingLine + ? { shippingLineId: findShippingLineId(data.shippingLine) } + : {}), + ...(cargoFreeText ? { cargoFreeText } : {}), + }; createMutation.mutate(apiPayload); }); @@ -179,11 +240,35 @@ export default function NewBookingPage() {
+ {createMutation.isError && ( +
+ +
+

Submission failed

+

+ {createMutation.error instanceof Error + ? createMutation.error.message + : "An unexpected error occurred. Please try again."} +

+
+
+ )} {step === 1 && } {step === 2 && } - {step === 3 && } + {step === 3 && ( + + )} {step === 4 && ( - + )} {step === 5 && ( @@ -210,9 +295,19 @@ export default function NewBookingPage() { ) : ( - )}
diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts index 4da8ed6ef..d994f93f7 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/schema.ts @@ -249,6 +249,7 @@ export const bookingFormSchema = z }); export type BookingFormValues = z.infer; +export type BookingFormInputValues = z.input; export const initialBookingFormValues: DeepPartial = { previousContractRef: "", diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx index 120aa48a3..a731d081c 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/shared.tsx @@ -21,7 +21,7 @@ import { SelectTrigger, SelectValue, } from "@edr/ui-common"; -import type { BookingFormValues } from "./schema"; +import type { BookingFormInputValues, BookingFormValues } from "./schema"; import { cn } from "@/lib/utils"; export function OptionFieldError({ error }: { error?: { message?: string } }) { @@ -122,7 +122,7 @@ export function SelectField({ disabled, children, }: { - field: ControllerRenderProps; + field: ControllerRenderProps; error?: RhfFieldError; label: string; placeholder: string; diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx index 62a66d0e1..717de081e 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step1-contract-type.tsx @@ -1,7 +1,11 @@ import { Controller, type UseFormReturn } from "react-hook-form"; import { FileText, RefreshCw } from "lucide-react"; import { Field } from "@edr/ui-common"; -import { MOCK_VALID_CONTRACTS, type BookingFormValues } from "./schema"; +import { + BookingFormInputValues, + MOCK_VALID_CONTRACTS, + type BookingFormValues, +} from "./schema"; import { AlertBox, OptionCard, @@ -11,7 +15,11 @@ import { StepHeader, } from "./shared"; -type BookingForm = UseFormReturn; +type BookingForm = UseFormReturn< + BookingFormInputValues, + any, + BookingFormValues +>; export function Step1ContractType({ form }: { form: BookingForm }) { const contractType = form.watch("contractType"); diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx index e9bd1d331..d202ce5c6 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step2-service-type.tsx @@ -2,10 +2,14 @@ import { useEffect, useRef } from "react"; import { Controller, type UseFormReturn } from "react-hook-form"; import { FileText, Package, Train, Truck } from "lucide-react"; import { Badge, Field, FieldError, Input, Switch } from "@edr/ui-common"; -import { type BookingFormValues } from "./schema"; +import { BookingFormInputValues, type BookingFormValues } from "./schema"; import { OptionCard, OptionFieldError, StepHeader } from "./shared"; -type BookingForm = UseFormReturn; +type BookingForm = UseFormReturn< + BookingFormInputValues, + any, + BookingFormValues +>; export function Step2ServiceType({ form }: { form: BookingForm }) { const serviceType = form.watch("serviceType"); diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx index 3d98fc854..f42e19449 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step4-route.tsx @@ -1,37 +1,50 @@ +import { useEffect, useMemo } from "react"; import { Controller, type UseFormReturn } from "react-hook-form"; import { Flame, MapPin, Snowflake } from "lucide-react"; -import { Field, SelectItem, Separator, Switch } from "@edr/ui-common"; +import { Field, SelectItem, Separator, Skeleton, Switch } from "@edr/ui-common"; +import type { Freight } from "@edr/types"; import { - SHIPPING_LINES, + BookingFormInputValues, type BookingFormValues, getRouteDirection, - STATIONS, } from "./schema"; -import { - AlertBox, - SelectField, - SelectOptions, - StepHeader, - StepLabel, -} from "./shared"; -import { useDropdownSettingByCode } from "@/hooks/useDropdownSettings"; -import { DropdownOption } from "@/types/dropdownSettings"; -import { useEffect } from "react"; +import { SelectField, StepHeader, StepLabel } from "./shared"; -type BookingForm = UseFormReturn; +type BookingForm = UseFormReturn< + BookingFormInputValues, + any, + BookingFormValues +>; -const STATION_DROPDOWN_CODE = "stations_ter"; - -export function Step4Route({ form }: { form: BookingForm }) { +export function Step4Route({ + form, + referenceData, + isLoading, +}: { + form: BookingForm; + referenceData?: Freight.BookingReferenceData; + isLoading?: boolean; +}) { const originYard = form.watch("originYard"); const destinationYard = form.watch("destinationYard"); - const { - data: stationSetting, - isLoading: stationsLoading, - isError: stationsError, - error: stationsFetchError, - } = useDropdownSettingByCode(STATION_DROPDOWN_CODE); - const stationOptions = getStationOptions(stationSetting?.children); + + const yardOptions = useMemo(() => { + if (!referenceData?.yard) return []; + return referenceData.yard.map((y) => ({ + value: y.name, + label: y.name, + country: y.country, + })); + }, [referenceData]); + + const shippingLineOptions = useMemo(() => { + if (!referenceData?.shipping_line) return []; + return referenceData.shipping_line.map((sl) => ({ + value: sl.name, + label: sl.name, + })); + }, [referenceData]); + const direction = getRouteDirection(originYard, destinationYard); const directionStyle: Record = { export: "bg-sky-50 text-sky-800 border-sky-200", @@ -43,7 +56,6 @@ export function Step4Route({ form }: { form: BookingForm }) { import: "Import workflow (outside country to inside country)", domestic: "Domestic corridor", }; - const stationSelectDisabled = stationsLoading || stationOptions.length === 0; useEffect(() => { if (direction === "domestic") { @@ -51,6 +63,8 @@ export function Step4Route({ form }: { form: BookingForm }) { } }, [direction]); + const stationSelectDisabled = yardOptions.length === 0; + return (
-
- Route -
- ( - - - - )} - /> - ( - - - - )} - /> -
- {stationsError && ( - - Failed to load stations from the API.{" "} - {stationsFetchError instanceof Error - ? stationsFetchError.message - : "Try again later."} - - )} - {direction && ( -
- - {directionLabel[direction]} + {isLoading ? ( + + ) : ( +
+ Route +
+ ( + + + + )} + /> + ( + + + + )} + />
- )} -
+ {direction && ( +
+ + {directionLabel[direction]} +
+ )} +
+ )} {direction && direction != "domestic" && ( - + {shippingLineOptions.map((sl) => ( + + {sl.label} + + ))} )} /> @@ -179,23 +191,35 @@ export function Step4Route({ form }: { form: BookingForm }) { ); } -function getStationOptions(options?: DropdownOption[]): DropdownOption[] { - return [...(options ?? [])].sort((a, b) => a.order - b.order); +function LoadingSkeleton() { + return ( +
+
+
+ + +
+
+ + +
+
+ +
+ ); } -function StationSelectOptions({ +function YardSelectOptions({ options, excludeValue, - isLoading, }: { - options: DropdownOption[]; + options: Array<{ value: string; label: string; country: string }>; excludeValue: string; - isLoading: boolean; }) { - if (isLoading) { + if (options.length === 0) { return ( - - Loading stations... + + No yards available ); } @@ -204,22 +228,10 @@ function StationSelectOptions({ (option) => option.value !== excludeValue, ); - if (availableOptions.length === 0) { - return ( - - No stations available - - ); - } - return ( <> {availableOptions.map((option) => ( - + {option.label} ))} diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx index 1898feb73..758cdede0 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step5-cargo-details.tsx @@ -1,10 +1,17 @@ +import { useMemo } from "react"; import { Controller, useFieldArray, type UseFormReturn } from "react-hook-form"; import { MapPin, Package, Plus, Trash2, Weight } from "lucide-react"; -import { Button, Field, FieldError, FieldLabel, Input } from "@edr/ui-common"; import { - BREAK_BULK_TYPES, - BULK_COMMODITIES, - CONTAINER_TYPES, + Button, + Field, + FieldError, + FieldLabel, + Input, + Skeleton, +} from "@edr/ui-common"; +import type { Freight } from "@edr/types"; +import { + BookingFormInputValues, calcWagons, type BookingFormValues, type RouteDirection, @@ -13,19 +20,27 @@ import { AlertBox, OptionCard, SelectField, - SelectOptions, + SelectItem, StepHeader, StepLabel, } from "./shared"; -type BookingForm = UseFormReturn; +type BookingForm = UseFormReturn< + BookingFormInputValues, + any, + BookingFormValues +>; export function Step5CargoDetails({ form, direction, + referenceData, + isLoading, }: { form: BookingForm; direction: RouteDirection; + referenceData?: Freight.BookingReferenceData; + isLoading?: boolean; }) { const cargoType = form.watch("cargoType"); const freightType = form.watch("freightType"); @@ -38,6 +53,20 @@ export function Step5CargoDetails({ name: "containers", }); + const containerTypeOptions = useMemo(() => { + if (!referenceData?.containers) return []; + return referenceData.containers.flatMap((group) => + group.types.map((t) => t.name), + ); + }, [referenceData]); + + const bulkCommodityOptions = useMemo(() => { + if (!referenceData?.cargo_type) return []; + return referenceData.cargo_type.flatMap( + (group) => group.children?.map((c) => c.name) ?? [], + ); + }, [referenceData]); + function getOverweightAlert( type: "20ft" | "40ft", vgm: number, @@ -54,6 +83,26 @@ export function Step5CargoDetails({ return null; } + if (isLoading) { + return ( +
+ +
+ +
+ + +
+ + +
+
+ ); + } + return (
- + {bulkCommodityOptions.map((option) => ( + + {option} + + ))} )} /> @@ -216,7 +269,11 @@ export function Step5CargoDetails({ label="Break-bulk type *" placeholder="Select type *" > - + {bulkCommodityOptions.map((option) => ( + + {option} + + ))} )} /> @@ -408,7 +465,11 @@ export function Step5CargoDetails({ label="Container Type *" placeholder="Select type..." > - + {containerTypeOptions.map((option) => ( + + {option} + + ))} )} /> diff --git a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx index 6f72dc63f..2c1b2e4d0 100644 --- a/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx +++ b/apps/edr-freight-web/portal/src/pages/bookings/new-booking-form/step8-review.tsx @@ -11,13 +11,17 @@ import { Textarea, } from "@edr/ui-common"; import { + BookingFormInputValues, type BookingFormValues, type RouteDirection, - type WagonCalcResult, } from "./schema"; import { StepHeader } from "./shared"; -type BookingForm = UseFormReturn; +type BookingForm = UseFormReturn< + BookingFormInputValues, + any, + BookingFormValues +>; export function Step8Review({ form, diff --git a/apps/edr-freight-web/portal/src/services/api.ts b/apps/edr-freight-web/portal/src/services/api.ts index ac1a708da..4300cd56b 100644 --- a/apps/edr-freight-web/portal/src/services/api.ts +++ b/apps/edr-freight-web/portal/src/services/api.ts @@ -137,6 +137,12 @@ export const api = { bookingsService.create, ), + referenceData: endpoint( + "bookings", + "referenceData", + bookingsService.getReferenceData, + ), + remove: endpoint<{ id: string }, void>("bookings", "remove", ({ id }) => bookingsService.remove(id), ), diff --git a/apps/edr-freight-web/portal/src/services/bookings.service.ts b/apps/edr-freight-web/portal/src/services/bookings.service.ts index 7d1ef1d2f..dd4c9f0dd 100644 --- a/apps/edr-freight-web/portal/src/services/bookings.service.ts +++ b/apps/edr-freight-web/portal/src/services/bookings.service.ts @@ -17,6 +17,10 @@ export const bookingsService = { const { data } = await client.post("/api/bookings", payload); return data.data; }, + getReferenceData: async (): Promise => { + const { data } = await client.get("/api/bookings/reference-data"); + return data.data; + }, remove: async (id: string): Promise => { await client.delete(`/bookings/${id}`); }, diff --git a/packages/types/src/freight/index.ts b/packages/types/src/freight/index.ts index 9439e3aeb..2dce17419 100644 --- a/packages/types/src/freight/index.ts +++ b/packages/types/src/freight/index.ts @@ -216,45 +216,94 @@ export interface IInvoice extends BaseEntity { dueAt: string; } +// ── Reference Data (booking form catalog) ────────────────────────────────────── + +export interface BookingReferenceYard { + id: string; + name: string; + code: string; + country: string; +} + +export interface BookingReferenceContainerType { + id: string; + name: string; + code: string; + is_reefer: boolean; + wagons_per_unit: number; +} + +export interface BookingReferenceContainerSizeGroup { + size: string; + types: BookingReferenceContainerType[]; +} + +export interface BookingReferenceService { + id: string; + name: string; + code: string; +} + +export interface BookingReferenceShippingLine { + id: string; + name: string; + code: string; +} + +export interface BookingReferenceCargoTypeChild { + id: string; + name: string; + code: string; + show_free_text_box: boolean; +} + +export interface BookingReferenceCargoTypeGroup { + id: string; + name: string; + code: string; + children?: BookingReferenceCargoTypeChild[]; +} + +export interface BookingReferenceData { + yard: BookingReferenceYard[]; + containers: BookingReferenceContainerSizeGroup[]; + service: BookingReferenceService[]; + shipping_line: BookingReferenceShippingLine[]; + cargo_type: BookingReferenceCargoTypeGroup[]; +} + +// ── DTOs ─────────────────────────────────────────────────────────────────────── + +export interface CreateBookingContainerDto { + containerTypeId: string; + quantity: number; + vgmPerUnitTons: number; +} + export interface CreateBookingDto { - reference: string; - customerId: string; + reference?: string; + customerId?: string; trainId?: string; scheduledDate: string; - totalAmount: number; - paymentStatus?: string; contractType: "NEW" | "RENEWAL"; previousContractId?: string; - serviceType: "RAIL_ONLY" | "RAIL_AND_FORWARDING"; - - firstMileEnabled?: boolean; + serviceTypeId: string; firstMilePickupAddress?: string; - lastMileEnabled?: boolean; lastMileDeliveryAddress?: string; - - equipmentReturn: "WITH_RETURN" | "WITHOUT_RETURN"; - customsClearingEnabled?: boolean; - originStation: string; - destinationStation: string; + equipmentReturn: "WITH_RETURN" | "WITHOUT_RETURN" | "NA"; + originYardId: string; + destinationYardId: string; + tradeDirection: "IMPORT" | "EXPORT" | "DOMESTIC"; + cargoTypeId: string; + cargoFreeText?: string; + shippingLineId?: string; cargoTotalWeightVgm: number; - - freightType: "BULK" | "BREAK_BULK"; - freightSubtype?: string; - isHazardous?: boolean; - isRefrigerated?: boolean; - - tradeDirection: "IMPORT" | "EXPORT"; - paymentCurrency: string; - allowConsolidation?: boolean; - + paymentCurrency: "ETB" | "USD"; + pnrCode?: string; startDate?: string; endDate?: string; financialTerms?: string; - - containers?: Array<{ - type: "20FT" | "40FT"; - qty: number; - vgm: number; - }>; + containers: CreateBookingContainerDto[]; + allowConsolidation?: boolean; } diff --git a/packages/ui-common/src/index.ts b/packages/ui-common/src/index.ts index b2c2978bd..2d0ce4d4c 100644 --- a/packages/ui-common/src/index.ts +++ b/packages/ui-common/src/index.ts @@ -23,6 +23,7 @@ export type { export * from "./components/button"; export * from "./components/input"; +export * from "./components/skeleton"; export * from "./components/textarea"; export * from "./components/label"; export * from "./components/card";