mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-08-27 00:52:50 +00:00
@@ -59,7 +59,7 @@ const TRIGGER_ROUTE_LABELS: Partial<Record<Rate['trigger'], string>> = {
|
||||
REEFER: 'Reefer (refrigerated) surcharge',
|
||||
WITH_RETURN: 'Empty-container return service',
|
||||
SHIPPING_LINE: 'Shipping line handling',
|
||||
CONSOLIDATION: 'Container consolidation (extra document)',
|
||||
CONSOLIDATION: 'Penalty (container consolidation)',
|
||||
LASHING: 'Cargo lashing and securing',
|
||||
CANCELLATION: 'Booking cancellation fee',
|
||||
DEMURRAGE: 'Demurrage / wagon detention',
|
||||
|
||||
@@ -0,0 +1,58 @@
|
||||
import { MigrationInterface, QueryRunner } from 'typeorm';
|
||||
|
||||
/**
|
||||
* The customs clearance service fee is no longer prepaid via its own
|
||||
* `clearance`-source invoice — it is billed as a CUSTOMS_CLEARANCE line on the
|
||||
* booking invoice, together with the freight (see BookingPricingService).
|
||||
*
|
||||
* - Contracts/bookings parked at the payment gate move straight to the
|
||||
* document step (the gate no longer exists — nothing could ever pay them).
|
||||
* - Open (unpaid) clearance invoices are expired; PAID ones stay as history.
|
||||
* NOTE: a ONE_TIME customs contract that already PAID its prepaid fee but
|
||||
* has not booked yet will be billed the fee again on its booking invoice —
|
||||
* accepted for dev data; reverses the old AddClearanceFeePayment migration.
|
||||
* - clearance_fee_paid_at columns are dropped from contracts and bookings.
|
||||
*/
|
||||
export class DropClearanceFeePrepay2860000000000 implements MigrationInterface {
|
||||
name = 'DropClearanceFeePrepay2860000000000';
|
||||
|
||||
public async up(queryRunner: QueryRunner): Promise<void> {
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.contracts
|
||||
SET status = 'AWAITING_CLEARANCE_DOCUMENTS', updated_at = now()
|
||||
WHERE status = 'AWAITING_CLEARANCE_PAYMENT';
|
||||
`);
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.contracts
|
||||
SET clearance_status = 'AWAITING_DOCUMENTS', updated_at = now()
|
||||
WHERE clearance_status = 'AWAITING_PAYMENT';
|
||||
`);
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.bookings
|
||||
SET status = 'AWAITING_DOCUMENTS', updated_at = now()
|
||||
WHERE status = 'AWAITING_CLEARANCE_PAYMENT';
|
||||
`);
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.invoices
|
||||
SET status = 'EXPIRED', updated_at = now()
|
||||
WHERE source = 'clearance'
|
||||
AND status IN ('DRAFT', 'ISSUED', 'PENDING', 'PARTIALLY_PAID', 'OVERDUE');
|
||||
`);
|
||||
await queryRunner.query(
|
||||
`ALTER TABLE freight.contracts DROP COLUMN IF EXISTS clearance_fee_paid_at;`,
|
||||
);
|
||||
await queryRunner.query(
|
||||
`ALTER TABLE freight.bookings DROP COLUMN IF EXISTS clearance_fee_paid_at;`,
|
||||
);
|
||||
}
|
||||
|
||||
public async down(queryRunner: QueryRunner): Promise<void> {
|
||||
// Moved rows and expired invoices stay — only the columns come back.
|
||||
await queryRunner.query(
|
||||
`ALTER TABLE freight.contracts ADD COLUMN IF NOT EXISTS clearance_fee_paid_at timestamptz;`,
|
||||
);
|
||||
await queryRunner.query(
|
||||
`ALTER TABLE freight.bookings ADD COLUMN IF NOT EXISTS clearance_fee_paid_at timestamptz;`,
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
import { MigrationInterface, QueryRunner } from 'typeorm';
|
||||
|
||||
/**
|
||||
* Customs clearance fees are now sold per cargo kind: container fees name a
|
||||
* container type (billed PER_CONTAINER / PER_WAGON), bulk fees carry no type
|
||||
* (billed PER_TON / PER_WAGON). The old one-FLAT-fee-per-route shape cannot be
|
||||
* mapped to a kind — retired (SUPERSEDED + soft-deleted) exactly like the
|
||||
* base-freight and return-surcharge reshapes, kept readable for snapshot
|
||||
* history. Per-kind replacements must be re-entered; a customs contract or
|
||||
* booking without a matching fee hard-blocks. Contracts that already froze a
|
||||
* FLAT snapshot keep billing it (legacy honoured at booking pricing).
|
||||
*/
|
||||
export class CustomsClearancePerKind2870000000000 implements MigrationInterface {
|
||||
name = 'CustomsClearancePerKind2870000000000';
|
||||
|
||||
public async up(queryRunner: QueryRunner): Promise<void> {
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.rates
|
||||
SET status = 'SUPERSEDED',
|
||||
deleted_at = now(),
|
||||
updated_at = now()
|
||||
WHERE deleted_at IS NULL
|
||||
AND rate_type = 'CUSTOMS_CLEARANCE'
|
||||
AND rate_unit = 'FLAT';
|
||||
`);
|
||||
}
|
||||
|
||||
public async down(): Promise<void> {
|
||||
// Retired rates stay retired — re-enter per-kind rates instead.
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
import { MigrationInterface, QueryRunner } from 'typeorm';
|
||||
|
||||
/**
|
||||
* Lashing is now sold per cargo kind, like the customs clearance fee:
|
||||
* container rates name a container type (PER_CONTAINER / PER_WAGON), bulk
|
||||
* rates carry no type (PER_TON / PER_WAGON). The old flat-per-booking shape
|
||||
* cannot be mapped to a kind — retired (SUPERSEDED + soft-deleted), kept
|
||||
* readable for snapshot history. Per-kind replacements must be re-entered;
|
||||
* an unconfigured lashing rate simply bills nothing (lenient, like
|
||||
* hazard/reefer). Matched on trigger, not rate_type — CONSOLIDATION rates
|
||||
* share the LASHING rate_type and must survive.
|
||||
*/
|
||||
export class LashingPerKind2880000000000 implements MigrationInterface {
|
||||
name = 'LashingPerKind2880000000000';
|
||||
|
||||
public async up(queryRunner: QueryRunner): Promise<void> {
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.rates
|
||||
SET status = 'SUPERSEDED',
|
||||
deleted_at = now(),
|
||||
updated_at = now()
|
||||
WHERE deleted_at IS NULL
|
||||
AND "trigger" = 'LASHING'
|
||||
AND rate_unit = 'FLAT';
|
||||
`);
|
||||
}
|
||||
|
||||
public async down(): Promise<void> {
|
||||
// Retired rates stay retired — re-enter per-kind rates instead.
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
import { MigrationInterface, QueryRunner } from 'typeorm';
|
||||
|
||||
/**
|
||||
* Lashing is now BULK-only and sold per trade direction (IMPORT / EXPORT),
|
||||
* optionally narrowed to one leaf commodity. Rates that no longer fit —
|
||||
* container-scoped, or carrying no direction — cannot be mapped and are
|
||||
* retired (SUPERSEDED + soft-deleted), kept readable for snapshot history.
|
||||
* Matched on trigger, not rate_type (CONSOLIDATION shares rate_type LASHING).
|
||||
*/
|
||||
export class LashingBulkOnlyPerDirection2890000000000 implements MigrationInterface {
|
||||
name = 'LashingBulkOnlyPerDirection2890000000000';
|
||||
|
||||
public async up(queryRunner: QueryRunner): Promise<void> {
|
||||
await queryRunner.query(`
|
||||
UPDATE freight.rates
|
||||
SET status = 'SUPERSEDED',
|
||||
deleted_at = now(),
|
||||
updated_at = now()
|
||||
WHERE deleted_at IS NULL
|
||||
AND "trigger" = 'LASHING'
|
||||
AND (container_type_id IS NOT NULL
|
||||
OR trade_direction IS NULL
|
||||
OR trade_direction NOT IN ('IMPORT', 'EXPORT'));
|
||||
`);
|
||||
}
|
||||
|
||||
public async down(): Promise<void> {
|
||||
// Retired rates stay retired — re-enter per-direction bulk rates instead.
|
||||
}
|
||||
}
|
||||
@@ -16,7 +16,6 @@ import {
|
||||
InvoiceLineInput,
|
||||
} from "../billing/billing.service";
|
||||
import { Invoice } from "../billing/entities/invoice.entity";
|
||||
import { CLEARANCE_BOOKING_INVOICE_TYPE } from "../contracts/clearance-fee.service";
|
||||
import { FirstMileService } from "../first-mile/first-mile.service";
|
||||
import { BookingBatchService } from "../train-scheduling/booking-batch.service";
|
||||
import { PriceLineItemDto } from "./dto/generate-price-response.dto";
|
||||
@@ -121,8 +120,7 @@ export class BookingInvoiceService {
|
||||
}
|
||||
|
||||
/**
|
||||
* Expire the booking's currently-open invoices (freight PREPAID and the
|
||||
* per-shipment clearance fee) when the booking is
|
||||
* Expire the booking's currently-open freight (PREPAID) invoice when the booking is
|
||||
* cancelled or rejected — the counterpart to the pay-window-expiry path
|
||||
* (which also calls {@link BillingService.expirePayable}). Stops a terminated
|
||||
* booking from leaving a payable invoice open. No-op when the booking has no
|
||||
@@ -133,15 +131,6 @@ export class BookingInvoiceService {
|
||||
bookingId: string,
|
||||
manager?: EntityManager,
|
||||
): Promise<Invoice | null> {
|
||||
// The per-shipment clearance fee (GENERAL contracts) bills this same booking
|
||||
// id under its own source/type — retire it alongside the freight invoice, or
|
||||
// a cancelled shipment keeps a payable clearance invoice open.
|
||||
await this.billing.expirePayable(
|
||||
Freight.InvoiceSource.Clearance,
|
||||
bookingId,
|
||||
CLEARANCE_BOOKING_INVOICE_TYPE,
|
||||
manager,
|
||||
);
|
||||
return this.billing.expirePayable(
|
||||
Freight.InvoiceSource.Booking,
|
||||
bookingId,
|
||||
|
||||
@@ -56,6 +56,7 @@ describe('BookingPricingService — domestic corridor', () => {
|
||||
ratesService as never,
|
||||
exchangeService as never,
|
||||
{ validate20ftPairing: jest.fn().mockResolvedValue([]) } as never,
|
||||
{} as never,
|
||||
);
|
||||
});
|
||||
|
||||
@@ -240,3 +241,235 @@ describe('BookingPricingService — domestic corridor', () => {
|
||||
expect(result.blocked[0]).toContain('rate is configured');
|
||||
});
|
||||
});
|
||||
|
||||
describe('BookingPricingService — customs clearance fee billed on the booking price', () => {
|
||||
const DJ = 'yard-dj';
|
||||
|
||||
const containerFee20: Rate = {
|
||||
id: 'rate-cc-20',
|
||||
rateType: 'CUSTOMS_CLEARANCE',
|
||||
trigger: 'CUSTOMS_CLEARANCE',
|
||||
currency: 'USD',
|
||||
rateValue: 100,
|
||||
rateUnit: 'PER_CONTAINER',
|
||||
status: 'LIVE',
|
||||
containerTypeId: 'ct-20',
|
||||
tradeDirection: 'IMPORT',
|
||||
originYardId: DJ,
|
||||
destinationYardId: DIRE,
|
||||
} as Rate;
|
||||
|
||||
const bulkFeePerTon: Rate = {
|
||||
...containerFee20,
|
||||
id: 'rate-cc-bulk',
|
||||
rateValue: 5,
|
||||
rateUnit: 'PER_TON',
|
||||
containerTypeId: null,
|
||||
} as Rate;
|
||||
|
||||
const emptyEval = {
|
||||
priorityScore: 0,
|
||||
appliedModifiers: [],
|
||||
containerWeightResults: [],
|
||||
warnings: [],
|
||||
hardBlocked: [],
|
||||
requiresDirectorApproval: false,
|
||||
};
|
||||
|
||||
const makeService = (opts: {
|
||||
snapshots?: unknown[];
|
||||
liveRates?: Rate[];
|
||||
wagonCapacity?: number;
|
||||
}) =>
|
||||
new BookingPricingService(
|
||||
{
|
||||
calculateWagonCount: jest.fn().mockResolvedValue(0),
|
||||
findContractRateSnapshots: jest.fn().mockResolvedValue(opts.snapshots ?? []),
|
||||
} as never,
|
||||
{ evaluate: jest.fn().mockResolvedValue(emptyEval) } as never,
|
||||
{
|
||||
findById: jest.fn(async (id: string) => ({
|
||||
id,
|
||||
sizeFt: id === 'ct-40' ? 40 : 20,
|
||||
isReefer: false,
|
||||
code: id === 'ct-40' ? 'C40' : 'C20',
|
||||
})),
|
||||
} as never,
|
||||
{ findLiveRates: jest.fn().mockResolvedValue(opts.liveRates ?? []) } as never,
|
||||
{ getRate: jest.fn().mockResolvedValue(MOCK_CBE_RATE) } as never,
|
||||
{ validate20ftPairing: jest.fn().mockResolvedValue([]) } as never,
|
||||
{
|
||||
findById: jest.fn().mockResolvedValue({
|
||||
wagonTypes:
|
||||
opts.wagonCapacity !== undefined
|
||||
? [{ capacityTons: opts.wagonCapacity }]
|
||||
: [],
|
||||
}),
|
||||
} as never,
|
||||
);
|
||||
|
||||
const containerBooking = (overrides: Record<string, unknown> = {}) =>
|
||||
({
|
||||
id: 'b-cc',
|
||||
freightType: 'CONTAINER',
|
||||
tradeDirection: 'IMPORT',
|
||||
paymentCurrency: 'USD',
|
||||
customsClearingEnabled: true,
|
||||
originYardId: DJ,
|
||||
destinationYardId: DIRE,
|
||||
bookingContainers: [
|
||||
{ containerTypeId: 'ct-20', quantity: 4, vgmPerUnitTons: 10, wagonsRequired: 2 },
|
||||
],
|
||||
...overrides,
|
||||
}) as unknown as Booking;
|
||||
|
||||
const bulkBooking = (overrides: Record<string, unknown> = {}) =>
|
||||
({
|
||||
id: 'b-cc-bulk',
|
||||
freightType: 'BULK',
|
||||
tradeDirection: 'IMPORT',
|
||||
paymentCurrency: 'USD',
|
||||
customsClearingEnabled: true,
|
||||
cargoTypeId: 'cargo-1',
|
||||
cargoTotalWeightVgm: 120,
|
||||
originYardId: DJ,
|
||||
destinationYardId: DIRE,
|
||||
bookingContainers: [],
|
||||
...overrides,
|
||||
}) as unknown as Booking;
|
||||
|
||||
it('bills a container booking per box at its own container type fee', async () => {
|
||||
const service = makeService({ liveRates: [containerFee20] });
|
||||
const result = await service.computePriceForBooking(containerBooking());
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE_20FT');
|
||||
expect(line).toBeDefined();
|
||||
expect(line!.unit).toBe('PER_CONTAINER');
|
||||
expect(line!.quantity).toBe(4);
|
||||
expect(line!.amount).toBe(400);
|
||||
});
|
||||
|
||||
it('bills a PER_WAGON container fee on the wagons the boxes occupy (two 20ft share one)', async () => {
|
||||
const service = makeService({
|
||||
liveRates: [{ ...containerFee20, rateUnit: 'PER_WAGON' } as Rate],
|
||||
});
|
||||
const result = await service.computePriceForBooking(containerBooking());
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE_20FT');
|
||||
expect(line!.unit).toBe('PER_WAGON');
|
||||
expect(line!.quantity).toBe(2);
|
||||
expect(line!.amount).toBe(200);
|
||||
});
|
||||
|
||||
it('hard-blocks a container type with no fee configured (never free clearance)', async () => {
|
||||
const service = makeService({ liveRates: [bulkFeePerTon] });
|
||||
const result = await service.computePriceForBooking(containerBooking());
|
||||
|
||||
expect(result.lineItems.some((l) => l.code.startsWith('CUSTOMS_CLEARANCE'))).toBe(false);
|
||||
expect(result.hardBlocked.some((m) => m.includes('customs clearance'))).toBe(true);
|
||||
});
|
||||
|
||||
it('bills a bulk booking per ton at the route bulk fee', async () => {
|
||||
const service = makeService({ liveRates: [bulkFeePerTon] });
|
||||
const result = await service.computePriceForBooking(bulkBooking());
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE');
|
||||
expect(line!.unit).toBe('PER_TON');
|
||||
expect(line!.quantity).toBe(120);
|
||||
expect(line!.amount).toBe(600);
|
||||
});
|
||||
|
||||
it('the fee scoped to the booking commodity wins over the catch-all', async () => {
|
||||
const service = makeService({
|
||||
liveRates: [
|
||||
{ ...bulkFeePerTon, id: 'rate-cc-catchall', rateValue: 5 } as Rate,
|
||||
{
|
||||
...bulkFeePerTon,
|
||||
id: 'rate-cc-sugar',
|
||||
rateValue: 9,
|
||||
cargoTypeId: 'cargo-1',
|
||||
} as Rate,
|
||||
],
|
||||
});
|
||||
const result = await service.computePriceForBooking(bulkBooking());
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE');
|
||||
expect(line!.unitAmount).toBe(9); // commodity rate, not the 5 USD catch-all
|
||||
expect(line!.amount).toBe(1080);
|
||||
});
|
||||
|
||||
it('bills a PER_WAGON bulk fee on ceil(tons ÷ wagon capacity)', async () => {
|
||||
const service = makeService({
|
||||
liveRates: [{ ...bulkFeePerTon, rateUnit: 'PER_WAGON', rateValue: 50 } as Rate],
|
||||
wagonCapacity: 60,
|
||||
});
|
||||
const result = await service.computePriceForBooking(bulkBooking());
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE');
|
||||
expect(line!.unit).toBe('PER_WAGON');
|
||||
expect(line!.quantity).toBe(2); // 120 t ÷ 60 t per wagon
|
||||
expect(line!.amount).toBe(100);
|
||||
});
|
||||
|
||||
it('blocks a PER_WAGON bulk fee when no wagon capacity is configured', async () => {
|
||||
const service = makeService({
|
||||
liveRates: [{ ...bulkFeePerTon, rateUnit: 'PER_WAGON' } as Rate],
|
||||
});
|
||||
const result = await service.computePriceForBooking(bulkBooking());
|
||||
|
||||
expect(result.hardBlocked.some((m) => m.includes('wagon'))).toBe(true);
|
||||
});
|
||||
|
||||
it('prefers the contract frozen per-size snapshot over the live rate', async () => {
|
||||
const service = makeService({
|
||||
liveRates: [containerFee20],
|
||||
snapshots: [
|
||||
{
|
||||
rateCode: 'CUSTOMS_CLEARANCE_20FT',
|
||||
unitPrice: 80,
|
||||
currency: 'USD',
|
||||
unitOfMeasure: 'per_container',
|
||||
isClearance: true,
|
||||
},
|
||||
],
|
||||
});
|
||||
const result = await service.computePriceForBooking(
|
||||
containerBooking({ contractId: 'c-1' }),
|
||||
);
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE_20FT');
|
||||
expect(line!.amount).toBe(320); // 4 × frozen 80, not live 100
|
||||
});
|
||||
|
||||
it('honours a legacy FLAT snapshot once for the whole container booking', async () => {
|
||||
const service = makeService({
|
||||
liveRates: [],
|
||||
snapshots: [
|
||||
{
|
||||
rateCode: 'CUSTOMS_CLEARANCE',
|
||||
unitPrice: 500,
|
||||
currency: 'USD',
|
||||
unitOfMeasure: 'flat',
|
||||
isClearance: true,
|
||||
},
|
||||
],
|
||||
});
|
||||
const result = await service.computePriceForBooking(
|
||||
containerBooking({ contractId: 'c-legacy' }),
|
||||
);
|
||||
|
||||
const line = result.lineItems.find((l) => l.code === 'CUSTOMS_CLEARANCE');
|
||||
expect(line!.unit).toBe('FLAT');
|
||||
expect(line!.amount).toBe(500);
|
||||
expect(result.hardBlocked.some((m) => m.includes('customs clearance'))).toBe(false);
|
||||
});
|
||||
|
||||
it('adds no fee line when customs clearing is disabled', async () => {
|
||||
const service = makeService({ liveRates: [containerFee20] });
|
||||
const result = await service.computePriceForBooking(
|
||||
containerBooking({ customsClearingEnabled: false }),
|
||||
);
|
||||
|
||||
expect(result.lineItems.some((l) => l.code.startsWith('CUSTOMS_CLEARANCE'))).toBe(false);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import { Injectable, NotFoundException } from '@nestjs/common';
|
||||
|
||||
import { CargoTypesService } from '../rule-engine/services/cargo-types.service';
|
||||
import { ContainerTypesService } from '../rule-engine/services/container-types.service';
|
||||
import { RatesService } from '../rule-engine/services/rates.service';
|
||||
import { Rate } from '../rule-engine/entities/rate.entity';
|
||||
@@ -10,7 +11,10 @@ import {
|
||||
BookingEvaluationInput,
|
||||
RuleEngineService,
|
||||
} from '../rule-engine/rule-engine.service';
|
||||
import { containersPerWagonForSize } from '../rule-engine/container-type.util';
|
||||
import {
|
||||
containersPerWagonForSize,
|
||||
wagonsPerUnitForSize,
|
||||
} from '../rule-engine/container-type.util';
|
||||
import { BookingsRepository } from './bookings.repository';
|
||||
import { wagonRemainder } from './consolidation.service';
|
||||
import { GeneratePriceResponseDto, PriceLineItemDto } from './dto/generate-price-response.dto';
|
||||
@@ -76,6 +80,7 @@ export class BookingPricingService {
|
||||
private readonly ratesService: RatesService,
|
||||
private readonly exchangeService: ExchangeService,
|
||||
private readonly containerValidationService: ContainerValidationService,
|
||||
private readonly cargoTypesService: CargoTypesService,
|
||||
) {}
|
||||
|
||||
async generatePrice(bookingId: string): Promise<GeneratePriceResponseDto> {
|
||||
@@ -223,6 +228,23 @@ export class BookingPricingService {
|
||||
if (rate) usedRatesMap.set(rate.id, rate);
|
||||
}
|
||||
|
||||
// Customs clearance service fee (Path B) — billed HERE, on the booking
|
||||
// invoice with the freight; no separate prepaid clearance invoice. Sold per
|
||||
// cargo kind: container bookings bill each container type's own fee (per
|
||||
// box or per wagon), bulk bookings the route's bulk fee (per ton or per
|
||||
// wagon). Frozen contract snapshots win over live rates; a customs booking
|
||||
// with nothing configured hard-blocks — clearance never ships for free.
|
||||
const clearanceBlocked: string[] = [];
|
||||
if (booking.customsClearingEnabled) {
|
||||
const clearance = await this.customsClearanceLines(booking, frozenRates, liveRates);
|
||||
for (const line of clearance.lineItems) {
|
||||
lineItems.push(line);
|
||||
total += line.amount;
|
||||
}
|
||||
for (const rate of clearance.usedRates) usedRatesMap.set(rate.id, rate);
|
||||
clearanceBlocked.push(...clearance.blocked);
|
||||
}
|
||||
|
||||
// Overweight detail for the customer: map the engine's per-line results back
|
||||
// to the booking's container lines (same order) for code + weights. maxAllowed
|
||||
// is derived from the line total minus the excess the engine computed.
|
||||
@@ -260,7 +282,7 @@ export class BookingPricingService {
|
||||
appliedModifiers: ruleResult.appliedModifiers,
|
||||
priorityScore: ruleResult.priorityScore,
|
||||
warnings: [...ruleResult.warnings, ...baseWarnings],
|
||||
hardBlocked: [...ruleResult.hardBlocked, ...baseBlocked],
|
||||
hardBlocked: [...ruleResult.hardBlocked, ...baseBlocked, ...clearanceBlocked],
|
||||
overweightLines,
|
||||
};
|
||||
}
|
||||
@@ -321,6 +343,8 @@ export class BookingPricingService {
|
||||
hazardousQuantity: Number(bc.hazardousQuantity ?? 0),
|
||||
reeferQuantity: Number(bc.reeferQuantity ?? 0),
|
||||
returnQuantity: Number(bc.returnQuantity ?? 0),
|
||||
// Wagon share per box — a PER_WAGON empty-return rate bills on it.
|
||||
wagonsPerUnit: wagonsPerUnitForSize(ct.sizeFt),
|
||||
},
|
||||
perWagon: containersPerWagonForSize(ct.sizeFt),
|
||||
quantity: qty,
|
||||
@@ -338,6 +362,13 @@ export class BookingPricingService {
|
||||
),
|
||||
)
|
||||
: 0;
|
||||
// Bulk wagon estimate for PER_WAGON kind-scoped surcharges (lashing).
|
||||
// Deliberately NOT totalWagons — that would shift wagon-count priority
|
||||
// scoring for bulk bookings.
|
||||
const bulkWagons =
|
||||
booking.freightType === 'BULK'
|
||||
? ((await this.bulkWagonCount(booking)) ?? 0)
|
||||
: 0;
|
||||
|
||||
// Consolidation is system-managed: the CONSOLIDATION surcharge fires whenever
|
||||
// a container type leaves a wagon partially filled. Aggregate by type first —
|
||||
@@ -386,6 +417,7 @@ export class BookingPricingService {
|
||||
booking.freightType === 'BULK'
|
||||
? Number(booking.cargoTotalWeightVgm ?? 0)
|
||||
: 0,
|
||||
bulkWagons,
|
||||
containers,
|
||||
};
|
||||
}
|
||||
@@ -894,6 +926,191 @@ export class BookingPricingService {
|
||||
return this.frozenRateByCode(frozenRates, `CONTAINER_${sizeFt}FT`, bookingCurrency);
|
||||
}
|
||||
|
||||
/**
|
||||
* Customs clearance service fee lines for a customs booking (Path B), billed
|
||||
* with the freight. Container bookings bill each container line at its own
|
||||
* container type's fee — PER_CONTAINER × boxes or PER_WAGON × the wagons the
|
||||
* line occupies (two 20ft share one). Bulk bookings bill the route's type-less
|
||||
* fee — PER_TON × tonnage or PER_WAGON × wagons the bulk occupies. Frozen
|
||||
* contract snapshots (CUSTOMS_CLEARANCE_20FT / _40FT / CUSTOMS_CLEARANCE)
|
||||
* win over live rates; contracts frozen before the per-kind model carry one
|
||||
* FLAT CUSTOMS_CLEARANCE snapshot, honoured once for the whole booking.
|
||||
*/
|
||||
private async customsClearanceLines(
|
||||
booking: Booking,
|
||||
frozenRates: Map<string, ContractRateSnapshot> | null,
|
||||
liveRates: Rate[],
|
||||
): Promise<{ lineItems: PriceLineItemDto[]; usedRates: Rate[]; blocked: string[] }> {
|
||||
const lineItems: PriceLineItemDto[] = [];
|
||||
const usedRates: Rate[] = [];
|
||||
const blocked: string[] = [];
|
||||
const currency = booking.paymentCurrency;
|
||||
const isEtb = currency === 'ETB';
|
||||
const usdToEtb = isEtb ? await this.exchangeService.getRate('USD', 'ETB') : 1;
|
||||
const convert = (usd: number): number => (isEtb ? Math.round(usd * usdToEtb) : usd);
|
||||
|
||||
const onLeg = liveRates.filter(
|
||||
(r) =>
|
||||
r.rateType === 'CUSTOMS_CLEARANCE' &&
|
||||
r.currency === 'USD' &&
|
||||
r.tradeDirection === booking.tradeDirection &&
|
||||
r.originYardId === booking.originYardId &&
|
||||
r.destinationYardId === booking.destinationYardId,
|
||||
);
|
||||
const missingRateMessage = (scope: string): string =>
|
||||
`No customs clearance service fee is configured for ${scope} on this ` +
|
||||
'origin → destination. Ask EDR to configure the CUSTOMS_CLEARANCE rate for this route.';
|
||||
|
||||
if (booking.freightType === 'CONTAINER') {
|
||||
// Legacy short-circuit: an old contract froze one flat fee — bill it once.
|
||||
const hasPerSizeSnapshot =
|
||||
frozenRates?.has('CUSTOMS_CLEARANCE_20FT') ||
|
||||
frozenRates?.has('CUSTOMS_CLEARANCE_40FT');
|
||||
const legacyFlat = this.frozenRateByCode(frozenRates, 'CUSTOMS_CLEARANCE', currency);
|
||||
if (legacyFlat && !hasPerSizeSnapshot) {
|
||||
const amount = Number(legacyFlat.unitPrice);
|
||||
if (amount > 0) {
|
||||
lineItems.push({
|
||||
code: 'CUSTOMS_CLEARANCE',
|
||||
description: 'Customs clearance service',
|
||||
amount,
|
||||
unitAmount: amount,
|
||||
unit: 'FLAT',
|
||||
quantity: 1,
|
||||
currency,
|
||||
});
|
||||
}
|
||||
return { lineItems, usedRates, blocked };
|
||||
}
|
||||
|
||||
for (const bc of booking.bookingContainers ?? []) {
|
||||
if (!bc.containerTypeId) continue;
|
||||
const qty = Number(bc.quantity || 0);
|
||||
if (!(qty > 0)) continue;
|
||||
let sizeFt = 0;
|
||||
try {
|
||||
sizeFt =
|
||||
Number((await this.containerTypesService.findById(bc.containerTypeId)).sizeFt) || 0;
|
||||
} catch {
|
||||
// unknown type — falls through to the live per-type lookup below
|
||||
}
|
||||
const frozen = sizeFt
|
||||
? this.frozenRateByCode(frozenRates, `CUSTOMS_CLEARANCE_${sizeFt}FT`, currency)
|
||||
: null;
|
||||
const live = onLeg.find((r) => r.containerTypeId === bc.containerTypeId);
|
||||
if (!frozen && !live) {
|
||||
blocked.push(missingRateMessage(`${sizeFt || '?'}ft containers`));
|
||||
continue;
|
||||
}
|
||||
const unit = frozen
|
||||
? this.rateUnitFromSnapshot(frozen.unitOfMeasure)
|
||||
: live!.rateUnit;
|
||||
const unitAmount = frozen
|
||||
? Number(frozen.unitPrice)
|
||||
: convert(Number(live!.rateValue));
|
||||
const billedQty =
|
||||
unit === 'PER_WAGON' ? Math.ceil(qty * wagonsPerUnitForSize(sizeFt)) : qty;
|
||||
const amount = unit === 'FLAT' ? unitAmount : unitAmount * billedQty;
|
||||
if (!(amount > 0)) continue;
|
||||
lineItems.push({
|
||||
code: sizeFt ? `CUSTOMS_CLEARANCE_${sizeFt}FT` : 'CUSTOMS_CLEARANCE',
|
||||
description: `Customs clearance service${sizeFt ? ` (${sizeFt}ft)` : ''}`,
|
||||
amount,
|
||||
unitAmount,
|
||||
unit,
|
||||
quantity: unit === 'FLAT' ? 1 : billedQty,
|
||||
currency,
|
||||
});
|
||||
if (live && !frozen) usedRates.push(live);
|
||||
}
|
||||
return { lineItems, usedRates, blocked };
|
||||
}
|
||||
|
||||
// Bulk — one fee for the whole booking. The bulk snapshot and the legacy
|
||||
// flat snapshot share the CUSTOMS_CLEARANCE code; both are the agreed fee.
|
||||
// Live lookup: the rate scoped to the booking's commodity wins; a
|
||||
// commodity-less rate (legacy) is the catch-all fallback.
|
||||
const frozen = this.frozenRateByCode(frozenRates, 'CUSTOMS_CLEARANCE', currency);
|
||||
const live =
|
||||
(booking.cargoTypeId
|
||||
? onLeg.find(
|
||||
(r) => !r.containerTypeId && r.cargoTypeId === booking.cargoTypeId,
|
||||
)
|
||||
: undefined) ?? onLeg.find((r) => !r.containerTypeId && !r.cargoTypeId);
|
||||
if (!frozen && !live) {
|
||||
blocked.push(missingRateMessage('bulk cargo'));
|
||||
return { lineItems, usedRates, blocked };
|
||||
}
|
||||
const unit = frozen ? this.rateUnitFromSnapshot(frozen.unitOfMeasure) : live!.rateUnit;
|
||||
const unitAmount = frozen ? Number(frozen.unitPrice) : convert(Number(live!.rateValue));
|
||||
let billedQty = 1;
|
||||
if (unit === 'PER_TON') {
|
||||
billedQty = Math.max(0, Number(booking.cargoTotalWeightVgm ?? 0));
|
||||
} else if (unit === 'PER_WAGON') {
|
||||
const wagons = await this.bulkWagonCount(booking);
|
||||
if (wagons == null) {
|
||||
blocked.push(
|
||||
'The bulk customs clearance fee is per wagon, but this cargo type has ' +
|
||||
'no wagon type with a capacity configured — the wagon count cannot ' +
|
||||
'be derived. Ask EDR to configure the cargo type’s wagon types.',
|
||||
);
|
||||
return { lineItems, usedRates, blocked };
|
||||
}
|
||||
billedQty = wagons;
|
||||
}
|
||||
const amount = unit === 'FLAT' ? unitAmount : unitAmount * billedQty;
|
||||
if (amount > 0) {
|
||||
lineItems.push({
|
||||
code: 'CUSTOMS_CLEARANCE',
|
||||
description: 'Customs clearance service (bulk)',
|
||||
amount,
|
||||
unitAmount,
|
||||
unit,
|
||||
quantity: unit === 'FLAT' ? 1 : billedQty,
|
||||
currency,
|
||||
});
|
||||
if (live && !frozen) usedRates.push(live);
|
||||
}
|
||||
return { lineItems, usedRates, blocked };
|
||||
}
|
||||
|
||||
/** Snapshot unit-of-measure → the rate unit the billing math applies. */
|
||||
private rateUnitFromSnapshot(unitOfMeasure: string): string {
|
||||
switch (unitOfMeasure) {
|
||||
case 'per_wagon':
|
||||
return 'PER_WAGON';
|
||||
case 'per_ton':
|
||||
return 'PER_TON';
|
||||
case 'per_container':
|
||||
return 'PER_CONTAINER';
|
||||
default:
|
||||
return 'FLAT';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Wagons a bulk booking occupies — ceil(tons ÷ rated capacity), using the
|
||||
* largest-capacity wagon type its cargo type allows. Null when the chain is
|
||||
* unconfigured (no cargo type, no wagon types, no capacity).
|
||||
* ponytail: pricing-time estimate off the biggest allowed wagon; scheduling
|
||||
* may stock a smaller type and use more wagons.
|
||||
*/
|
||||
private async bulkWagonCount(booking: Booking): Promise<number | null> {
|
||||
const tons = Number(booking.cargoTotalWeightVgm ?? 0);
|
||||
if (!(tons > 0) || !booking.cargoTypeId) return null;
|
||||
try {
|
||||
const cargo = await this.cargoTypesService.findById(booking.cargoTypeId);
|
||||
const capacity = Math.max(
|
||||
0,
|
||||
...(cargo.wagonTypes ?? []).map((w) => Number(w.capacityTons) || 0),
|
||||
);
|
||||
if (!(capacity > 0)) return null;
|
||||
return Math.max(1, Math.ceil(tons / capacity));
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
private lineItemsSignature(items: PriceLineItemDto[]): string {
|
||||
return JSON.stringify(
|
||||
[...items]
|
||||
|
||||
@@ -605,11 +605,6 @@ export class BookingTransitionService {
|
||||
files: Express.Multer.File[],
|
||||
): Promise<Booking> {
|
||||
const booking = await this.bookingsService.findById(bookingId);
|
||||
if (booking.status === "AWAITING_CLEARANCE_PAYMENT") {
|
||||
throw new ConflictException(
|
||||
"The customs clearance service fee for this shipment has not been paid yet — pay it from the portal to unlock document upload.",
|
||||
);
|
||||
}
|
||||
assertBookingStatus(booking, [
|
||||
"AWAITING_DOCUMENTS",
|
||||
"DOCUMENTS_UNDER_REVIEW",
|
||||
|
||||
@@ -252,8 +252,11 @@ export class BookingsController {
|
||||
return this.bookingsService.findAll(filter, companyId);
|
||||
}
|
||||
|
||||
// Powers the customer-detail bookings tab, so `customers:view` reaches it too
|
||||
// — otherwise a staffer granted only the customer permission gets a page whose
|
||||
// tabs 403 individually.
|
||||
@Get("by-company/:companyId/customer-view")
|
||||
@BookingView()
|
||||
@BookingStaff([FREIGHT_PERMS.customers.view, FREIGHT_PERMS.bookings.view])
|
||||
@ApiOperation({
|
||||
summary: "List bookings for a company (customer-view shape, backoffice)",
|
||||
})
|
||||
|
||||
@@ -45,7 +45,6 @@ export const BOOKING_STATUSES = [
|
||||
'CONTRACT_ACTIVE',
|
||||
'CONTRACT_CLOSED',
|
||||
// Post counter-sign document-clearance gate (GL workflow).
|
||||
'AWAITING_CLEARANCE_PAYMENT', // clearance fee invoiced, unpaid — docs locked
|
||||
'AWAITING_DOCUMENTS',
|
||||
'DOCUMENTS_UNDER_REVIEW',
|
||||
'CLEARANCE_READY',
|
||||
@@ -521,10 +520,6 @@ export class Booking extends BaseEntity {
|
||||
@Column({ name: 'clearance_current_phase', type: 'varchar', length: 40, nullable: true })
|
||||
clearanceCurrentPhase?: string | null;
|
||||
|
||||
/** When the prepaid customs clearance service fee settled (GENERAL + customs). */
|
||||
@Column({ name: 'clearance_fee_paid_at', type: 'timestamptz', nullable: true })
|
||||
clearanceFeePaidAt?: Date | null;
|
||||
|
||||
@Column({ name: 'duty_required', type: 'boolean', nullable: true })
|
||||
dutyRequired?: boolean | null;
|
||||
|
||||
|
||||
@@ -11,13 +11,22 @@ import {
|
||||
HttpCode,
|
||||
HttpStatus,
|
||||
UseInterceptors,
|
||||
UseGuards,
|
||||
UploadedFiles,
|
||||
BadRequestException,
|
||||
NotFoundException,
|
||||
} from "@nestjs/common";
|
||||
import { AnyFilesInterceptor } from "@nestjs/platform-express";
|
||||
import { ApiOperation, ApiTags, ApiConsumes } from "@nestjs/swagger";
|
||||
import { CurrentUser } from "@edr/api-common";
|
||||
import { FreightAdmin } from "../../common/booking-guards";
|
||||
import type { TCurrentUser } from "@tria-plc/api-common/modules/auth/types/current-user.type";
|
||||
import { JwtGuard } from "@tria-plc/api-common/modules/auth/services/jwt.guard";
|
||||
import { BookingStaff } from "../../common/booking-guards";
|
||||
import {
|
||||
assertFreightPermission,
|
||||
hasFreightPermission,
|
||||
} from "../../common/freight-permission.util";
|
||||
import { FREIGHT_PERMS } from "../../seed/freight-permissions.registry";
|
||||
import { FilesService } from "../files/files.service";
|
||||
import { CompaniesService } from "./companies.service";
|
||||
import { CreateCompanyDto } from "./dto/create-company.dto";
|
||||
@@ -59,6 +68,23 @@ interface CurrentIamUser {
|
||||
phoneNumber?: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* Which permission a status write needs. Approving/reactivating is a different
|
||||
* authority from suspending, but both arrive on the same route with the target
|
||||
* in the BODY — a route-level guard can't tell them apart, so the handlers
|
||||
* assert against this map instead.
|
||||
*
|
||||
* Keyed by string so it serves both `CompanyStatus` and `ProfileStatus`
|
||||
* (a superset: it adds `rejected`).
|
||||
*/
|
||||
const STATUS_PERM: Record<string, string> = {
|
||||
active: FREIGHT_PERMS.customers.verify,
|
||||
pending: FREIGHT_PERMS.customers.verify,
|
||||
rejected: FREIGHT_PERMS.customers.verify,
|
||||
suspended: FREIGHT_PERMS.customers.deactivate,
|
||||
blacklisted: FREIGHT_PERMS.customers.deactivate,
|
||||
};
|
||||
|
||||
@ApiTags("Companies")
|
||||
@Controller("companies")
|
||||
export class CompaniesController {
|
||||
@@ -410,7 +436,7 @@ export class CompaniesController {
|
||||
|
||||
// Used by backoffice
|
||||
@Post()
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.create)
|
||||
@ApiOperation({
|
||||
summary:
|
||||
"Create a new company (customer, freight_forwarder, dj_freight_forwarder, transporter)",
|
||||
@@ -421,12 +447,14 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Get("stats")
|
||||
@BookingStaff(FREIGHT_PERMS.customers.view)
|
||||
@ApiOperation({ summary: "Company counts by status (KPI strip)" })
|
||||
async getStats(): Promise<CompanyStatsResponseDto> {
|
||||
return this.companiesService.getCompanyStats();
|
||||
}
|
||||
|
||||
@Get()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.view)
|
||||
@ApiOperation({ summary: "List companies (paginated, filterable)" })
|
||||
async findAll(
|
||||
@Query() query: ListCompaniesQueryDto,
|
||||
@@ -436,6 +464,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Get(":id")
|
||||
@BookingStaff(FREIGHT_PERMS.customers.view)
|
||||
@ApiOperation({ summary: "Get company by ID" })
|
||||
async findById(
|
||||
@Param("id", ParseUUIDPipe) id: string,
|
||||
@@ -446,30 +475,77 @@ export class CompaniesController {
|
||||
return dto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Edits fields AND carries `status`, so it spans two authorities. The route
|
||||
* guard is one-of (a status-only caller must get in); the asserts below are
|
||||
* what actually authorize: touching `status` needs the permission
|
||||
* {@link STATUS_PERM} maps it to, touching anything else needs
|
||||
* `customers:update`. Both checks are required — without the second, a
|
||||
* caller holding only `customers:deactivate` could rename the company.
|
||||
*/
|
||||
@Patch(":id")
|
||||
@FreightAdmin()
|
||||
@BookingStaff([
|
||||
FREIGHT_PERMS.customers.update,
|
||||
FREIGHT_PERMS.customers.verify,
|
||||
FREIGHT_PERMS.customers.deactivate,
|
||||
])
|
||||
@ApiOperation({ summary: "Update a company" })
|
||||
async update(
|
||||
@Param("id", ParseUUIDPipe) id: string,
|
||||
@Body() dto: UpdateCompanyDto,
|
||||
@CurrentUser() user: TCurrentUser,
|
||||
): Promise<ResponseCompanyDto> {
|
||||
const { status, ...fields } = dto;
|
||||
if (status) assertFreightPermission(user, STATUS_PERM[status]);
|
||||
if (Object.keys(fields).length > 0) {
|
||||
assertFreightPermission(user, FREIGHT_PERMS.customers.update);
|
||||
}
|
||||
const company = await this.companiesService.updateCompany(id, dto);
|
||||
return new ResponseCompanyDto(company);
|
||||
}
|
||||
|
||||
@Delete(":id")
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.deactivate)
|
||||
@ApiOperation({ summary: "Soft-delete a company" })
|
||||
@HttpCode(HttpStatus.NO_CONTENT)
|
||||
async remove(@Param("id", ParseUUIDPipe) id: string): Promise<void> {
|
||||
await this.companiesService.deleteCompany(id);
|
||||
}
|
||||
|
||||
/**
|
||||
* Dual-audience: staff read any customer's documents, and the portal reads
|
||||
* its OWN during onboarding (`companiesService.getDocuments`). So the route
|
||||
* is authenticated-only and the split happens here — same shape as
|
||||
* `GET /contracts/:id`. Gating it on a staff permission alone would 403 every
|
||||
* customer on their own documents.
|
||||
*
|
||||
* The staff arm is one-of because two pages consume it: the customer detail
|
||||
* page (`customers:view`) and the contract-request detail page, whose route
|
||||
* is gated on `contracts:view` — a contract reviewer without the customer
|
||||
* permission still needs the applicant's documents.
|
||||
*/
|
||||
@Get(":companyId/documents")
|
||||
@UseGuards(JwtGuard)
|
||||
@ApiOperation({ summary: "List documents uploaded for a company" })
|
||||
async listDocuments(
|
||||
@Param("companyId", ParseUUIDPipe) companyId: string,
|
||||
@CurrentUser() user: TCurrentUser,
|
||||
) {
|
||||
const isStaff = [
|
||||
FREIGHT_PERMS.customers.view,
|
||||
FREIGHT_PERMS.contracts.view,
|
||||
FREIGHT_PERMS.bookings.view,
|
||||
].some((p) => hasFreightPermission(user, p));
|
||||
|
||||
if (!isStaff) {
|
||||
const { company } = await this.companiesService.getCompanyInfoByUserId(
|
||||
user.id,
|
||||
);
|
||||
// Hidden as NotFound rather than Forbidden so company ids can't be probed.
|
||||
if (company.id !== companyId) {
|
||||
throw new NotFoundException(`Company ${companyId} not found`);
|
||||
}
|
||||
}
|
||||
const files = await this.filesService.findByResource(companyId, "companies");
|
||||
return Promise.all(
|
||||
files.map(async (f) => ({
|
||||
@@ -490,7 +566,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Post("documents/:fileId/request-change")
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.verify)
|
||||
@ApiOperation({
|
||||
summary: "Ask the customer to correct one uploaded document",
|
||||
description:
|
||||
@@ -532,14 +608,23 @@ export class CompaniesController {
|
||||
return this.companiesService.uploadCompanyDocuments(companyId, files, user.id);
|
||||
}
|
||||
|
||||
/**
|
||||
* Approve / reject / suspend / blacklist all arrive here with the target in
|
||||
* the body, so authorization is per-status via {@link STATUS_PERM} rather
|
||||
* than on the route (the guard is only the one-of gate).
|
||||
*/
|
||||
@Patch("company-profiles/:profileId/status")
|
||||
@FreightAdmin()
|
||||
@BookingStaff([
|
||||
FREIGHT_PERMS.customers.verify,
|
||||
FREIGHT_PERMS.customers.deactivate,
|
||||
])
|
||||
@ApiOperation({ summary: "Update a company profile's approval status" })
|
||||
async updateCompanyProfileStatus(
|
||||
@CurrentUser() user: CurrentIamUser,
|
||||
@CurrentUser() user: TCurrentUser,
|
||||
@Param("profileId", ParseUUIDPipe) profileId: string,
|
||||
@Body() dto: UpdateCompanyProfileStatusDto,
|
||||
): Promise<ResponseCompanyProfileDto> {
|
||||
assertFreightPermission(user, STATUS_PERM[dto.status]);
|
||||
const profile = await this.companiesService.setCompanyProfileStatus(
|
||||
profileId,
|
||||
dto.status,
|
||||
@@ -550,7 +635,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Get(":companyId/change-requests")
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.view)
|
||||
@ApiOperation({ summary: "List a company's profile change requests" })
|
||||
async listChangeRequests(
|
||||
@Param("companyId", ParseUUIDPipe) companyId: string,
|
||||
@@ -560,7 +645,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Post("change-requests/:id/approve")
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.verify)
|
||||
@ApiOperation({
|
||||
summary: "Approve a pending profile change request (applies the changes)",
|
||||
})
|
||||
@@ -576,7 +661,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Post("change-requests/:id/reject")
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.verify)
|
||||
@ApiOperation({
|
||||
summary: "Reject a pending profile change request with a note",
|
||||
})
|
||||
@@ -594,7 +679,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Post(":companyId/profiles")
|
||||
@FreightAdmin()
|
||||
@BookingStaff(FREIGHT_PERMS.customers.update)
|
||||
@ApiOperation({ summary: "Add a profile (employee) to a company" })
|
||||
async createProfile(
|
||||
@Param("companyId", ParseUUIDPipe) companyId: string,
|
||||
@@ -608,6 +693,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Get(":companyId/profiles")
|
||||
@BookingStaff(FREIGHT_PERMS.customers.view)
|
||||
@ApiOperation({ summary: "List profiles for a company" })
|
||||
async listProfiles(
|
||||
@Param("companyId", ParseUUIDPipe) companyId: string,
|
||||
@@ -618,6 +704,7 @@ export class CompaniesController {
|
||||
}
|
||||
|
||||
@Get("profile/user/:userId")
|
||||
@BookingStaff(FREIGHT_PERMS.customers.view)
|
||||
@ApiOperation({ summary: "Get profile by IAM user ID" })
|
||||
async findProfileByUser(
|
||||
@Param("userId", ParseUUIDPipe) userId: string,
|
||||
|
||||
@@ -1,239 +0,0 @@
|
||||
import { Injectable, Logger, UnprocessableEntityException } from '@nestjs/common';
|
||||
import { OnEvent } from '@nestjs/event-emitter';
|
||||
import { Freight } from '@edr/types';
|
||||
|
||||
import { BillingService, InvoiceEventPayload } from '../billing/billing.service';
|
||||
import { Invoice } from '../billing/entities/invoice.entity';
|
||||
import { BookingsRepository } from '../bookings/bookings.repository';
|
||||
import { Booking } from '../bookings/entities/booking.entity';
|
||||
import { ContractPricingBreakdown } from './contract-pricing.service';
|
||||
import { ContractNotifierService } from './contract-notifier.service';
|
||||
import { ContractsRepository } from './contracts.repository';
|
||||
import { Contract } from './entities/contract.entity';
|
||||
|
||||
/** Invoice `type` for the contract-level fee (Path B ONE_TIME, after counter-sign). */
|
||||
export const CLEARANCE_CONTRACT_INVOICE_TYPE = 'CLEARANCE_CONTRACT';
|
||||
/** Invoice `type` for the per-shipment fee (Path B GENERAL, at shipment request). */
|
||||
export const CLEARANCE_BOOKING_INVOICE_TYPE = 'CLEARANCE_BOOKING';
|
||||
|
||||
/**
|
||||
* The prepaid customs clearance service fee (Path B) — the GL service charge,
|
||||
* separate from both freight (booking invoice) and duty/tax (paid offline).
|
||||
* Issued as its own `clearance`-source invoice and paid BEFORE the clearance
|
||||
* document step opens and before GL touches the file:
|
||||
* - ONE_TIME: once per contract, at staff counter-sign
|
||||
* (AWAITING_CLEARANCE_PAYMENT → paid → AWAITING_CLEARANCE_DOCUMENTS);
|
||||
* - GENERAL: once per shipment request, on the initiated booking instance
|
||||
* (booking AWAITING_CLEARANCE_PAYMENT → paid → AWAITING_DOCUMENTS).
|
||||
* The fee amount is the frozen CUSTOMS_CLEARANCE contract rate snapshot, so
|
||||
* customers pay what their contract shows, not the live rate of the day.
|
||||
*/
|
||||
@Injectable()
|
||||
export class ClearanceFeeService {
|
||||
private readonly logger = new Logger(ClearanceFeeService.name);
|
||||
|
||||
constructor(
|
||||
private readonly billing: BillingService,
|
||||
private readonly contractsRepository: ContractsRepository,
|
||||
private readonly bookingsRepository: BookingsRepository,
|
||||
private readonly notifier: ContractNotifierService,
|
||||
) {}
|
||||
|
||||
/** The frozen flat fee for a contract; falls back to the pricing breakdown. */
|
||||
private async feeAmountOrNull(
|
||||
contract: Contract,
|
||||
): Promise<{ amount: number; currency: string } | null> {
|
||||
const snapshots = await this.contractsRepository.findRateSnapshots(contract.id);
|
||||
const snapshot = snapshots.find(
|
||||
(s) => s.isClearance || s.rateCode === 'CUSTOMS_CLEARANCE',
|
||||
);
|
||||
if (snapshot && Number(snapshot.unitPrice) > 0) {
|
||||
return { amount: Number(snapshot.unitPrice), currency: snapshot.currency };
|
||||
}
|
||||
const breakdown = contract.pricingBreakdown as ContractPricingBreakdown | null;
|
||||
const line = breakdown?.lineItems?.find((l) => l.code === 'CUSTOMS_CLEARANCE');
|
||||
if (line && Number(line.unitPrice) > 0) {
|
||||
return { amount: Number(line.unitPrice), currency: breakdown!.currency };
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
private async feeAmount(
|
||||
contract: Contract,
|
||||
): Promise<{ amount: number; currency: string }> {
|
||||
const fee = await this.feeAmountOrNull(contract);
|
||||
if (!fee) {
|
||||
throw new UnprocessableEntityException(
|
||||
`Contract ${contract.reference} has no frozen customs clearance fee — regenerate its price with a live CUSTOMS_CLEARANCE rate.`,
|
||||
);
|
||||
}
|
||||
return fee;
|
||||
}
|
||||
|
||||
/**
|
||||
* Whether the payment gate applies. Skipped for government/unlinked
|
||||
* contracts (no company to bill — invoices require one, same rule the
|
||||
* booking invoice applies) and for legacy customs contracts frozen before
|
||||
* the fee existed (no CUSTOMS_CLEARANCE snapshot to bill from) — both keep
|
||||
* the pre-fee flow instead of dead-ending.
|
||||
*/
|
||||
async gateApplies(contract: Contract): Promise<boolean> {
|
||||
// Customs disabled → the prepay gate genuinely does not apply.
|
||||
if (!contract.customsClearingEnabled) return false;
|
||||
// No company to bill (government / unlinked) → the gate cannot raise an
|
||||
// invoice, so it stays out of the flow (same rule the booking invoice uses).
|
||||
if (!contract.companyId) return false;
|
||||
// M26: customs IS enabled and billable. A missing frozen fee line must NOT
|
||||
// silently waive the gate — that ships clearance for free. Hard-fail exactly
|
||||
// as price generation does when no CUSTOMS_CLEARANCE rate is configured, so a
|
||||
// missing fee blocks counter-sign / shipment instead of bypassing payment.
|
||||
if ((await this.feeAmountOrNull(contract)) === null) {
|
||||
throw new UnprocessableEntityException(
|
||||
'No customs clearance service fee is configured. Ask the rates team to set a live CUSTOMS_CLEARANCE rate before submitting customs contracts.',
|
||||
);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
/** Issue (idempotently) the ONE_TIME contract-level fee invoice. */
|
||||
async issueForContract(contract: Contract): Promise<Invoice> {
|
||||
const existing = await this.billing.findPayable(
|
||||
Freight.InvoiceSource.Clearance,
|
||||
contract.id,
|
||||
CLEARANCE_CONTRACT_INVOICE_TYPE,
|
||||
);
|
||||
if (existing) return existing;
|
||||
|
||||
const { amount, currency } = await this.feeAmount(contract);
|
||||
const invoice = await this.billing.generateInvoice({
|
||||
source: Freight.InvoiceSource.Clearance,
|
||||
sourceId: contract.id,
|
||||
type: CLEARANCE_CONTRACT_INVOICE_TYPE,
|
||||
companyId: contract.companyId!,
|
||||
companyProfileId: contract.companyProfileId!,
|
||||
currency,
|
||||
lines: [
|
||||
{
|
||||
chargeType: 'CUSTOMS_CLEARANCE',
|
||||
description: `Customs clearance service fee — contract ${contract.reference}`,
|
||||
quantity: 1,
|
||||
unitRate: amount,
|
||||
amount,
|
||||
currency,
|
||||
},
|
||||
],
|
||||
status: Freight.InvoiceStatus.Pending,
|
||||
});
|
||||
this.notifier.clearanceFeeDue(contract, amount, currency);
|
||||
return invoice;
|
||||
}
|
||||
|
||||
/** Issue (idempotently) the GENERAL per-shipment fee invoice on the booking. */
|
||||
async issueForBooking(booking: Booking, contract: Contract): Promise<Invoice> {
|
||||
const existing = await this.billing.findPayable(
|
||||
Freight.InvoiceSource.Clearance,
|
||||
booking.id,
|
||||
CLEARANCE_BOOKING_INVOICE_TYPE,
|
||||
);
|
||||
if (existing) return existing;
|
||||
|
||||
const { amount, currency } = await this.feeAmount(contract);
|
||||
const invoice = await this.billing.generateInvoice({
|
||||
source: Freight.InvoiceSource.Clearance,
|
||||
sourceId: booking.id,
|
||||
type: CLEARANCE_BOOKING_INVOICE_TYPE,
|
||||
companyId: booking.companyId ?? contract.companyId!,
|
||||
companyProfileId: booking.companyProfileId ?? contract.companyProfileId!,
|
||||
currency,
|
||||
lines: [
|
||||
{
|
||||
chargeType: 'CUSTOMS_CLEARANCE',
|
||||
description: `Customs clearance service fee — shipment ${booking.reference}`,
|
||||
quantity: 1,
|
||||
unitRate: amount,
|
||||
amount,
|
||||
currency,
|
||||
},
|
||||
],
|
||||
status: Freight.InvoiceStatus.Pending,
|
||||
});
|
||||
this.notifier.clearanceFeeDue(contract, amount, currency, booking.reference);
|
||||
return invoice;
|
||||
}
|
||||
|
||||
/**
|
||||
* Retire (idempotently) the unpaid contract-level fee invoice when the
|
||||
* contract reaches a terminal state — a dead contract must not leave a
|
||||
* payable clearance invoice open for the customer to settle. No-op when the
|
||||
* fee was already paid or never invoiced (mirrors the booking cancel path,
|
||||
* {@link BillingService.expirePayable}).
|
||||
*/
|
||||
async expireForContract(contractId: string): Promise<Invoice | null> {
|
||||
return this.billing.expirePayable(
|
||||
Freight.InvoiceSource.Clearance,
|
||||
contractId,
|
||||
CLEARANCE_CONTRACT_INVOICE_TYPE,
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Settlement branch point for `clearance`-source invoices: unlock the
|
||||
* document-upload step the fee was gating. Idempotent — a replayed event on
|
||||
* an already-advanced contract/booking is a no-op.
|
||||
*/
|
||||
@OnEvent('clearance.invoice.paid')
|
||||
async onClearanceInvoicePaid(payload: InvoiceEventPayload): Promise<void> {
|
||||
this.logger.log(
|
||||
`clearance.invoice.paid (${payload.type}) for ${payload.sourceId} from ${payload.invoiceId}`,
|
||||
);
|
||||
switch (payload.type) {
|
||||
case CLEARANCE_CONTRACT_INVOICE_TYPE:
|
||||
await this.advanceContract(payload.sourceId);
|
||||
break;
|
||||
case CLEARANCE_BOOKING_INVOICE_TYPE:
|
||||
await this.advanceBooking(payload.sourceId);
|
||||
break;
|
||||
default:
|
||||
this.logger.warn(
|
||||
`Unhandled clearance invoice type "${payload.type}" paid (${payload.invoiceId})`,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
private async advanceContract(contractId: string): Promise<void> {
|
||||
const contract = await this.contractsRepository.findById(contractId);
|
||||
if (!contract) {
|
||||
this.logger.warn(`Cannot advance unknown contract ${contractId} on clearance fee payment.`);
|
||||
return;
|
||||
}
|
||||
if (contract.status !== 'AWAITING_CLEARANCE_PAYMENT') return;
|
||||
|
||||
await this.contractsRepository.update(contractId, {
|
||||
status: 'AWAITING_CLEARANCE_DOCUMENTS',
|
||||
clearanceStatus: 'AWAITING_DOCUMENTS',
|
||||
clearanceFeePaidAt: new Date(),
|
||||
} as never);
|
||||
const updated = await this.contractsRepository.findByIdWithRelations(contractId);
|
||||
if (updated) this.notifier.clearanceFeePaid(updated);
|
||||
}
|
||||
|
||||
private async advanceBooking(bookingId: string): Promise<void> {
|
||||
const booking = await this.bookingsRepository.findById(bookingId);
|
||||
if (!booking) {
|
||||
this.logger.warn(`Cannot advance unknown booking ${bookingId} on clearance fee payment.`);
|
||||
return;
|
||||
}
|
||||
if (booking.status !== 'AWAITING_CLEARANCE_PAYMENT') return;
|
||||
|
||||
await this.bookingsRepository.update(bookingId, {
|
||||
status: 'AWAITING_DOCUMENTS',
|
||||
clearanceFeePaidAt: new Date(),
|
||||
} as never);
|
||||
if (booking.contractId) {
|
||||
const contract = await this.contractsRepository.findByIdWithRelations(
|
||||
booking.contractId,
|
||||
);
|
||||
if (contract) this.notifier.clearanceFeePaid(contract, booking.reference);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -26,7 +26,6 @@ describe('ContractBookingService — quantity-cap completion', () => {
|
||||
{} as never, // milestoneService
|
||||
{} as never, // workflowService
|
||||
{} as never, // invoiceService
|
||||
{} as never, // clearanceFeeService
|
||||
{ createdToStaff: jest.fn() } as never, // bookingNotifier
|
||||
{} as never, // dataSource
|
||||
{} as never, // trainSchedulingService
|
||||
|
||||
@@ -57,7 +57,6 @@ describe('ContractBookingService — drawdown consolidation gate', () => {
|
||||
milestoneService as never,
|
||||
{} as never, // workflowService
|
||||
invoiceService as never,
|
||||
{} as never, // clearanceFeeService
|
||||
{ createdToStaff: jest.fn() } as never, // bookingNotifier
|
||||
{} as never, // dataSource
|
||||
{} as never, // trainSchedulingService
|
||||
|
||||
@@ -38,7 +38,6 @@ import { hasFreightPermission } from '../../common/freight-permission.util';
|
||||
import { Contract } from './entities/contract.entity';
|
||||
import { ContractRoute } from './entities/contract-route.entity';
|
||||
import { ContractsRepository } from './contracts.repository';
|
||||
import { ClearanceFeeService } from './clearance-fee.service';
|
||||
import { ClearanceMilestoneService } from './clearance-milestone.service';
|
||||
import { ClearanceWorkflowService } from './clearance-workflow.service';
|
||||
import {
|
||||
@@ -97,7 +96,6 @@ export class ContractBookingService {
|
||||
private readonly milestoneService: ClearanceMilestoneService,
|
||||
private readonly workflowService: ClearanceWorkflowService,
|
||||
private readonly invoiceService: BookingInvoiceService,
|
||||
private readonly clearanceFeeService: ClearanceFeeService,
|
||||
private readonly bookingNotifier: BookingLifecycleNotifierService,
|
||||
private readonly dataSource: DataSource,
|
||||
@Inject(forwardRef(() => TrainSchedulingService))
|
||||
@@ -537,11 +535,8 @@ export class ContractBookingService {
|
||||
|
||||
const route = await this.resolveRoute(contract, opts.contractRouteId);
|
||||
|
||||
// Prepay gate: each shipment request owes its own flat clearance service
|
||||
// fee before the document step opens (the paid event advances the booking
|
||||
// to AWAITING_DOCUMENTS). Government/unlinked contracts skip the gate.
|
||||
const feeGate = await this.clearanceFeeService.gateApplies(contract);
|
||||
|
||||
// No prepay gate: the clearance service fee is billed on the booking
|
||||
// invoice at completion, so the document step opens immediately.
|
||||
const booking = await insertWithGeneratedReference(
|
||||
() => this.generateReference(),
|
||||
(reference) =>
|
||||
@@ -551,7 +546,7 @@ export class ContractBookingService {
|
||||
companyProfileId: contract.companyProfileId ?? null,
|
||||
isGovernment: contract.isGovernment,
|
||||
governmentInstitution: contract.governmentInstitution ?? null,
|
||||
status: feeGate ? 'AWAITING_CLEARANCE_PAYMENT' : 'AWAITING_DOCUMENTS',
|
||||
status: 'AWAITING_DOCUMENTS',
|
||||
bookingType: 'ONE_TIME',
|
||||
contractId: contract.id,
|
||||
contractRouteId: route?.id ?? null,
|
||||
@@ -590,10 +585,6 @@ export class ContractBookingService {
|
||||
contract.tradeDirection,
|
||||
);
|
||||
|
||||
if (feeGate) {
|
||||
await this.clearanceFeeService.issueForBooking(booking, contract);
|
||||
}
|
||||
|
||||
const created =
|
||||
(await this.bookingsRepository.findByIdWithFiles(booking.id)) ?? booking;
|
||||
this.bookingNotifier.createdToStaff(created);
|
||||
|
||||
@@ -499,11 +499,6 @@ export class ContractClearanceService {
|
||||
files: Express.Multer.File[],
|
||||
): Promise<Contract> {
|
||||
const contract = await this.contractsService.findById(contractId);
|
||||
if (contract.status === 'AWAITING_CLEARANCE_PAYMENT') {
|
||||
throw new ConflictException(
|
||||
'The customs clearance service fee has not been paid yet — pay it from the portal to unlock document upload.',
|
||||
);
|
||||
}
|
||||
if (
|
||||
contract.status !== 'AWAITING_CLEARANCE_DOCUMENTS' &&
|
||||
contract.status !== 'CLEARANCE_UNDER_REVIEW'
|
||||
|
||||
@@ -178,26 +178,6 @@ export class ContractNotifierService {
|
||||
});
|
||||
}
|
||||
|
||||
/** Clearance service fee invoiced — customer must pay before document upload. */
|
||||
clearanceFeeDue(c: Contract, amount: number, currency: string, shipmentRef?: string): void {
|
||||
const scope = shipmentRef ? `shipment ${shipmentRef} under contract ${c.reference}` : `contract ${c.reference}`;
|
||||
const msg =
|
||||
`A customs clearance service fee of ${amount} ${currency} is due for ${scope}. ` +
|
||||
`Please pay from the portal to unlock the clearance document upload.`;
|
||||
void this.notifyContact(c, msg, 'CLEARANCE FEE DUE');
|
||||
this.inApp(c, 'Clearance fee due', msg);
|
||||
}
|
||||
|
||||
/** Clearance service fee settled — document upload is now open. */
|
||||
clearanceFeePaid(c: Contract, shipmentRef?: string): void {
|
||||
const scope = shipmentRef ? `shipment ${shipmentRef} under contract ${c.reference}` : `contract ${c.reference}`;
|
||||
const msg =
|
||||
`Your customs clearance service fee for ${scope} has been received. ` +
|
||||
`You can now upload the clearance documents from the portal.`;
|
||||
void this.notifyContact(c, msg, 'CLEARANCE FEE PAID');
|
||||
this.inApp(c, 'Clearance fee paid', msg);
|
||||
}
|
||||
|
||||
// ── Clearance milestones needing customer action ──────────────────────────
|
||||
|
||||
/** GL advised duty & tax on the contract cycle — customer pays + uploads slip. */
|
||||
|
||||
@@ -10,7 +10,7 @@ import { Contract } from './entities/contract.entity';
|
||||
export interface ContractUnitRateLineItem {
|
||||
code: string;
|
||||
label: string;
|
||||
unit: 'per_container' | 'per_ton' | 'per_item' | 'per_km' | 'flat';
|
||||
unit: 'per_container' | 'per_wagon' | 'per_ton' | 'per_item' | 'per_km' | 'flat';
|
||||
unitPrice: number;
|
||||
containerSize?: string | null;
|
||||
conditionalOn?: string | null;
|
||||
@@ -37,8 +37,9 @@ function toContractUnit(rateUnit: string): ContractUnitRateLineItem['unit'] {
|
||||
return 'per_ton';
|
||||
case 'PER_KM':
|
||||
return 'per_km';
|
||||
case 'PER_CONTAINER':
|
||||
case 'PER_WAGON':
|
||||
return 'per_wagon';
|
||||
case 'PER_CONTAINER':
|
||||
return 'per_container';
|
||||
default:
|
||||
return 'flat';
|
||||
@@ -188,6 +189,36 @@ export class ContractPricingService {
|
||||
});
|
||||
}
|
||||
}
|
||||
// Lashing / cargo securing — BULK only, shown when the contract's commodity
|
||||
// needs lashing (cargoType.hasLashing). The commodity-scoped rate for the
|
||||
// contract's direction wins over the commodity-wide catch-all; billed at
|
||||
// booking on the live rate (per ton / per wagon), this line is display.
|
||||
if (contract.freightType === 'BULK') {
|
||||
const scope = (contract.cargoScope ?? []).find((c) => c.cargoTypeId);
|
||||
if (scope?.cargoType?.hasLashing) {
|
||||
const onDirection = liveRates.filter(
|
||||
(r) =>
|
||||
r.trigger === 'LASHING' &&
|
||||
r.currency === 'USD' &&
|
||||
!r.containerTypeId &&
|
||||
r.tradeDirection === contract.tradeDirection,
|
||||
);
|
||||
const lashing =
|
||||
onDirection.find((r) => r.cargoTypeId === scope.cargoTypeId) ??
|
||||
onDirection.find((r) => !r.cargoTypeId);
|
||||
if (lashing && Number(lashing.rateValue) > 0) {
|
||||
lineItems.push({
|
||||
code: 'LASHING',
|
||||
label: `Lashing / cargo securing (${scope.cargoType.cargoTypeName})`,
|
||||
unit: toContractUnit(lashing.rateUnit),
|
||||
unitPrice: convert(Number(lashing.rateValue)),
|
||||
cargoTypeCode: scope.cargoType.code ?? null,
|
||||
conditionalOn: 'has_lashing',
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Empty-container return service — container contracts only, toggled on the
|
||||
// contract like hazard/reefer. Billed at booking per WITH_RETURN container.
|
||||
if (
|
||||
@@ -240,18 +271,19 @@ export class ContractPricingService {
|
||||
}
|
||||
}
|
||||
|
||||
// Customs clearance service fee (Path B) — a FLAT prepaid fee, shown on the
|
||||
// contract and billed via its own clearance invoice: after counter-sign for
|
||||
// ONE_TIME, per shipment request for GENERAL. Excluded from booking totals.
|
||||
// A customs contract may not proceed without a configured live rate.
|
||||
// Customs clearance service fee (Path B) — billed on the booking invoice
|
||||
// together with the freight. Sold per direction + route + cargo kind:
|
||||
// container contracts freeze one fee line per contract size (each size's
|
||||
// own container-type rate), bulk contracts freeze the route's bulk fee.
|
||||
// A customs contract may not proceed without the fee(s) configured.
|
||||
if (contract.customsClearingEnabled) {
|
||||
// The fee is sold per direction + route — strict, no route-less fallback.
|
||||
// Strict, no route-less fallback.
|
||||
// ponytail: multi-route contracts bill the first lane's fee; per-lane fees need per-route snapshots.
|
||||
const route = [...(contract.routes ?? [])].sort(
|
||||
(a, b) => a.sortOrder - b.sortOrder,
|
||||
)[0];
|
||||
const clearance = route
|
||||
? liveRates.find(
|
||||
const onLeg = route
|
||||
? liveRates.filter(
|
||||
(r) =>
|
||||
r.rateType === 'CUSTOMS_CLEARANCE' &&
|
||||
r.currency === 'USD' &&
|
||||
@@ -259,22 +291,63 @@ export class ContractPricingService {
|
||||
r.originYardId === route.originYardId &&
|
||||
r.destinationYardId === route.destinationYardId,
|
||||
)
|
||||
: undefined;
|
||||
if (!clearance || Number(clearance.rateValue) <= 0) {
|
||||
throw new UnprocessableEntityException(
|
||||
'No customs clearance service fee is configured for this direction and route. Ask the rates team to set a live CUSTOMS_CLEARANCE rate for this origin → destination.',
|
||||
);
|
||||
: [];
|
||||
if (contract.freightType === 'CONTAINER') {
|
||||
const sizes = (contract.cargoScope ?? [])
|
||||
.map((c) => c.containerSize)
|
||||
.filter((s): s is string => !!s);
|
||||
const { items: containerTypes } = await this.containerTypesService.findAll({
|
||||
isActive: true,
|
||||
pageSize: 100,
|
||||
});
|
||||
for (const size of sizes) {
|
||||
const sizeFt = size === '40ft' ? 40 : 20;
|
||||
const matchedIds = new Set(
|
||||
containerTypes.filter((ct) => ct.sizeFt === sizeFt).map((ct) => ct.id),
|
||||
);
|
||||
const rate = onLeg.find(
|
||||
(r) => r.containerTypeId && matchedIds.has(r.containerTypeId),
|
||||
);
|
||||
if (!rate || Number(rate.rateValue) <= 0) {
|
||||
throw new UnprocessableEntityException(
|
||||
`No customs clearance service fee is configured for ${size} containers on this direction and route. Ask the rates team to set a live CUSTOMS_CLEARANCE rate for this container type and origin → destination.`,
|
||||
);
|
||||
}
|
||||
lineItems.push({
|
||||
// Distinct code per size so the frozen snapshots don't collide —
|
||||
// booking pricing looks each size up by CUSTOMS_CLEARANCE_<FT>FT.
|
||||
code: `CUSTOMS_CLEARANCE_${sizeFt}FT`,
|
||||
label: `Customs clearance service (${size})`,
|
||||
unit: toContractUnit(rate.rateUnit),
|
||||
unitPrice: convert(Number(rate.rateValue)),
|
||||
containerSize: size,
|
||||
isClearance: true,
|
||||
});
|
||||
}
|
||||
} else {
|
||||
// Bulk fee — the rate scoped to the contract's commodity wins; a
|
||||
// commodity-less rate (legacy) is the catch-all fallback.
|
||||
const scope = (contract.cargoScope ?? []).find((c) => c.cargoTypeId);
|
||||
const rate =
|
||||
(scope?.cargoTypeId
|
||||
? onLeg.find(
|
||||
(r) => !r.containerTypeId && r.cargoTypeId === scope.cargoTypeId,
|
||||
)
|
||||
: undefined) ?? onLeg.find((r) => !r.containerTypeId && !r.cargoTypeId);
|
||||
if (!rate || Number(rate.rateValue) <= 0) {
|
||||
throw new UnprocessableEntityException(
|
||||
'No bulk customs clearance service fee is configured for this cargo type on this direction and route. Ask the rates team to set a live bulk CUSTOMS_CLEARANCE rate for this commodity and origin → destination.',
|
||||
);
|
||||
}
|
||||
lineItems.push({
|
||||
code: 'CUSTOMS_CLEARANCE',
|
||||
label: `Customs clearance service (${scope?.cargoType?.cargoTypeName ?? 'bulk'})`,
|
||||
unit: toContractUnit(rate.rateUnit),
|
||||
unitPrice: convert(Number(rate.rateValue)),
|
||||
cargoTypeCode: scope?.cargoType?.code ?? null,
|
||||
isClearance: true,
|
||||
});
|
||||
}
|
||||
lineItems.push({
|
||||
code: 'CUSTOMS_CLEARANCE',
|
||||
label:
|
||||
contract.contractKind === 'GENERAL'
|
||||
? 'Customs clearance service fee (per shipment request, prepaid)'
|
||||
: 'Customs clearance service fee (prepaid)',
|
||||
unit: toContractUnit(clearance.rateUnit),
|
||||
unitPrice: convert(Number(clearance.rateValue)),
|
||||
isClearance: true,
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
|
||||
@@ -36,7 +36,6 @@ import { SignaturesService } from '../signatures/signatures.service';
|
||||
import { OtpService } from '../otp/otp.service';
|
||||
import { ContractTemplatesService } from '../contract-templates/contract-templates.service';
|
||||
import { ContractPricingService } from './contract-pricing.service';
|
||||
import { ClearanceFeeService } from './clearance-fee.service';
|
||||
import { ContractNotifierService } from './contract-notifier.service';
|
||||
import { ClearanceMilestoneService } from './clearance-milestone.service';
|
||||
import { ContractsRepository } from './contracts.repository';
|
||||
@@ -162,7 +161,6 @@ export class ContractTransitionService {
|
||||
private readonly otpService: OtpService,
|
||||
private readonly notifier: ContractNotifierService,
|
||||
private readonly contractTemplates: ContractTemplatesService,
|
||||
private readonly clearanceFeeService: ClearanceFeeService,
|
||||
@InjectDataSource()
|
||||
private readonly dataSource: DataSource,
|
||||
) {}
|
||||
@@ -591,10 +589,6 @@ export class ContractTransitionService {
|
||||
actorId,
|
||||
'STAFF',
|
||||
);
|
||||
// Stop the open-invoice leak: a rejected contract must not leave a payable
|
||||
// clearance fee invoice open. Mirror the booking cancel path (billing.expirePayable).
|
||||
await this.clearanceFeeService.expireForContract(contractId);
|
||||
|
||||
await this.contractsRepository.update(contractId, {
|
||||
status: 'REJECTED',
|
||||
} as never);
|
||||
@@ -654,10 +648,6 @@ export class ContractTransitionService {
|
||||
'STAFF',
|
||||
);
|
||||
|
||||
// Stop the open-invoice leak: a rejected contract must not leave a payable
|
||||
// clearance fee invoice open. Mirror the booking cancel path (billing.expirePayable).
|
||||
await this.clearanceFeeService.expireForContract(contractId);
|
||||
|
||||
await this.contractsRepository.update(contractId, {
|
||||
status: 'REJECTED',
|
||||
} as never);
|
||||
@@ -669,9 +659,9 @@ export class ContractTransitionService {
|
||||
/**
|
||||
* Internal send-back branch of rejectStep: return the contract to an earlier,
|
||||
* already-approved stage of the chain instead of rejecting it outright.
|
||||
* Deliberately NOT the terminal path: no clearance-fee expiry (the contract
|
||||
* is still alive) and no customer-facing REJECTION note — the trail is a
|
||||
* staff note plus a backoffice inbox ping.
|
||||
* Deliberately NOT the terminal path: the contract is still alive and there
|
||||
* is no customer-facing REJECTION note — the trail is a staff note plus a
|
||||
* backoffice inbox ping.
|
||||
*/
|
||||
private async sendBackToStep(
|
||||
contract: Contract,
|
||||
@@ -1169,17 +1159,11 @@ export class ContractTransitionService {
|
||||
const cycleNumber = (contract.clearanceCycleNumber ?? 0) + 1;
|
||||
const cycle = await this.contractsRepository.openCycle(contractId, cycleNumber);
|
||||
await this.milestoneService.seedPreBookingMilestones(contract, cycle.id);
|
||||
// Path B prepay gate: the customs clearance service fee is invoiced here
|
||||
// and must settle before the document step opens (the paid event advances
|
||||
// to AWAITING_CLEARANCE_DOCUMENTS). Path A (self-clearance) has no GL fee.
|
||||
if (await this.clearanceFeeService.gateApplies(contract)) {
|
||||
await this.clearanceFeeService.issueForContract(contract);
|
||||
updates.status = 'AWAITING_CLEARANCE_PAYMENT';
|
||||
updates.clearanceStatus = 'AWAITING_PAYMENT';
|
||||
} else {
|
||||
updates.status = 'AWAITING_CLEARANCE_DOCUMENTS';
|
||||
updates.clearanceStatus = 'AWAITING_DOCUMENTS';
|
||||
}
|
||||
// No prepay gate: the customs clearance service fee (Path B) is billed on
|
||||
// the booking invoice together with the freight, so the document step
|
||||
// opens immediately.
|
||||
updates.status = 'AWAITING_CLEARANCE_DOCUMENTS';
|
||||
updates.clearanceStatus = 'AWAITING_DOCUMENTS';
|
||||
updates.clearanceCycleNumber = cycleNumber;
|
||||
} else {
|
||||
// No contract-level clearance gate — DOMESTIC, or any GENERAL contract
|
||||
|
||||
@@ -361,8 +361,15 @@ export class ContractsController {
|
||||
);
|
||||
}
|
||||
|
||||
// Readable by anyone who may view the contract: the draft carries
|
||||
// `editableByMe`, and the approval chain's approvers (identified by position
|
||||
// type, not by staff_accept) must be able to fetch it to learn it is their
|
||||
// turn. Gating this on staff_accept hid the edit dialog from every approver.
|
||||
@Get(':id/document/draft')
|
||||
@BookingStaff(bothFreightTypes(FREIGHT_PERMS.contracts.staffAccept))
|
||||
@BookingStaff([
|
||||
FREIGHT_PERMS.contracts.view,
|
||||
...bothFreightTypes(FREIGHT_PERMS.contracts.staffAccept),
|
||||
])
|
||||
@ApiOperation({
|
||||
summary:
|
||||
'Editable contract-document draft (this contract\'s snapshot, or the live template) for the accept/edit dialog',
|
||||
@@ -385,8 +392,15 @@ export class ContractsController {
|
||||
return this.documentHistory.list(id);
|
||||
}
|
||||
|
||||
// Coarse gate only. WHO may actually edit is turn-based, not a static
|
||||
// permission, so `updateContractDocument` -> `assertDocumentEditable` is the
|
||||
// real boundary: it admits only the approver whose step is currently pending
|
||||
// (edit rights hand off down the chain on each approval).
|
||||
@Put(':id/document/articles')
|
||||
@BookingStaff(bothFreightTypes(FREIGHT_PERMS.contracts.staffAccept))
|
||||
@BookingStaff([
|
||||
FREIGHT_PERMS.contracts.view,
|
||||
...bothFreightTypes(FREIGHT_PERMS.contracts.staffAccept),
|
||||
])
|
||||
@ApiOperation({
|
||||
summary:
|
||||
'Edit this contract\'s document articles only (per-contract; never touches the six shared templates)',
|
||||
|
||||
@@ -22,7 +22,6 @@ import { ContractsController } from './contracts.controller';
|
||||
import { ContractsService } from './contracts.service';
|
||||
import { ContractsRepository } from './contracts.repository';
|
||||
import { ContractPricingService } from './contract-pricing.service';
|
||||
import { ClearanceFeeService } from './clearance-fee.service';
|
||||
import { ContractNotifierService } from './contract-notifier.service';
|
||||
import { ContractTransitionService } from './contract-transition.service';
|
||||
import { ContractClearanceService } from './contract-clearance.service';
|
||||
@@ -107,7 +106,6 @@ import { ContractDocumentViewModelBuilder } from '../../contracts/contract-docum
|
||||
ContractsService,
|
||||
ContractsRepository,
|
||||
ContractPricingService,
|
||||
ClearanceFeeService,
|
||||
ContractNotifierService,
|
||||
ContractTransitionService,
|
||||
ContractDocumentHistoryService,
|
||||
|
||||
@@ -46,8 +46,8 @@ export class ContractRateSnapshot extends BaseEntity {
|
||||
conditionalOn?: string | null;
|
||||
|
||||
/**
|
||||
* Customs clearance service fee line — billed up front via a clearance
|
||||
* invoice, excluded from shipment booking totals.
|
||||
* Customs clearance service fee line — billed on the booking invoice
|
||||
* together with the freight (no separate prepaid clearance invoice).
|
||||
*/
|
||||
@Column({ name: 'is_clearance', type: 'boolean', default: false })
|
||||
isClearance!: boolean;
|
||||
|
||||
@@ -25,7 +25,6 @@ export const CONTRACT_STATUSES = [
|
||||
'SIGNED_CUSTOMER',
|
||||
'FULLY_EXECUTED',
|
||||
'CONTRACT_ACTIVE',
|
||||
'AWAITING_CLEARANCE_PAYMENT', // Path B — clearance fee invoiced, unpaid
|
||||
'AWAITING_CLEARANCE_DOCUMENTS',
|
||||
'CLEARANCE_UNDER_REVIEW',
|
||||
'CLEARANCE_READY_FOR_BOOKING',
|
||||
@@ -85,7 +84,6 @@ export type ContractKindValue = (typeof CONTRACT_KINDS)[number];
|
||||
|
||||
export const CONTRACT_CLEARANCE_STATUSES = [
|
||||
'NOT_APPLICABLE',
|
||||
'AWAITING_PAYMENT', // Path B — clearance service fee must be paid first
|
||||
'AWAITING_DOCUMENTS',
|
||||
'DOCUMENTS_UNDER_REVIEW',
|
||||
'CLEARANCE_READY_FOR_BOOKING', // Path B — GL may create the booking
|
||||
@@ -217,10 +215,6 @@ export class Contract extends BaseEntity {
|
||||
@Column({ name: 'clearance_cycle_number', type: 'int', default: 0 })
|
||||
clearanceCycleNumber!: number;
|
||||
|
||||
/** When the prepaid customs clearance service fee settled (Path B ONE_TIME). */
|
||||
@Column({ name: 'clearance_fee_paid_at', type: 'timestamptz', nullable: true })
|
||||
clearanceFeePaidAt?: Date | null;
|
||||
|
||||
@Column({ name: 'pricing_breakdown', type: 'jsonb', nullable: true })
|
||||
pricingBreakdown?: Record<string, unknown> | null;
|
||||
|
||||
|
||||
@@ -16,7 +16,8 @@ import {
|
||||
} from "@nestjs/swagger";
|
||||
import { Response } from "express";
|
||||
import { Public } from "@edr/api-common";
|
||||
import { BookingView } from "../../common/booking-guards";
|
||||
import { BookingStaff, BookingView } from "../../common/booking-guards";
|
||||
import { FREIGHT_PERMS } from "../../seed/freight-permissions.registry";
|
||||
import { PaymentService } from "./payment.service";
|
||||
import { IntentStatusDto } from "./payments.dto";
|
||||
|
||||
@@ -25,7 +26,9 @@ import { IntentStatusDto } from "./payments.dto";
|
||||
export class PaymentController {
|
||||
constructor(private readonly paymentService: PaymentService) { }
|
||||
|
||||
// Customer-detail payments tab — same one-of rule as the bookings tab.
|
||||
@Get("by-company/:companyId/customer-view")
|
||||
@BookingStaff([FREIGHT_PERMS.customers.view, FREIGHT_PERMS.payments.view])
|
||||
@ApiOperation({ summary: "List payments for a company (customer-view shape, backoffice)" })
|
||||
findByCompanyCustomerView(
|
||||
@Param("companyId", ParseUUIDPipe) companyId: string,
|
||||
|
||||
@@ -10,6 +10,7 @@ import {
|
||||
const TRADE_DIRECTIONS = ['IMPORT', 'EXPORT', 'BOTH'] as const;
|
||||
const CURRENCIES = ['USD'] as const;
|
||||
export const INTERCITY_KINDS = ['CONTAINER', 'BULK'] as const;
|
||||
export const CARGO_KINDS = ['CONTAINER', 'BULK'] as const;
|
||||
|
||||
export class CreateRateDto {
|
||||
@ApiProperty({ enum: RATE_APPLIES_TO, description: 'Friendly category the rate applies to' })
|
||||
@@ -47,6 +48,15 @@ export class CreateRateDto {
|
||||
@IsIn([...INTERCITY_KINDS])
|
||||
intercityKind?: string;
|
||||
|
||||
@ApiPropertyOptional({
|
||||
enum: CARGO_KINDS,
|
||||
description:
|
||||
'Whether a customs clearance rate covers containers or bulk. Required when trigger = CUSTOMS_CLEARANCE. Not stored — container fees carry a containerTypeId, bulk fees none.',
|
||||
})
|
||||
@IsOptional()
|
||||
@IsIn([...CARGO_KINDS])
|
||||
cargoKind?: string;
|
||||
|
||||
@ApiPropertyOptional({
|
||||
description:
|
||||
'FK to yards.id — origin of the leg this rate prices. Required for base freight (bulk/container/intercity), rejected for surcharges and first/last mile.',
|
||||
|
||||
@@ -13,6 +13,8 @@ import type { RateAppliesTo, RateTrigger, RateUnit } from './rate.entity';
|
||||
export function allowedRateUnits(input: {
|
||||
appliesTo: RateAppliesTo;
|
||||
trigger: RateTrigger;
|
||||
/** CUSTOMS_CLEARANCE only: which cargo kind the fee covers. */
|
||||
cargoKind?: 'CONTAINER' | 'BULK' | null;
|
||||
}): RateUnit[] {
|
||||
const { appliesTo, trigger } = input;
|
||||
|
||||
@@ -29,16 +31,20 @@ export function allowedRateUnits(input: {
|
||||
case 'DEMURRAGE':
|
||||
return ['PER_CONTAINER', 'PER_TON'];
|
||||
case 'WITH_RETURN':
|
||||
// Container-only empty-return service — bills per returned container.
|
||||
return ['PER_CONTAINER', 'FLAT'];
|
||||
// Container-only empty-return service — per returned container, per
|
||||
// wagon the empties ride back on, or a flat fee.
|
||||
return ['PER_CONTAINER', 'PER_WAGON', 'FLAT'];
|
||||
case 'CANCELLATION':
|
||||
return ['FLAT', 'PER_INVOICE'];
|
||||
case 'CUSTOMS_CLEARANCE':
|
||||
// Flat per clearance (ONE_TIME contract) / per shipment request (GENERAL).
|
||||
return ['FLAT'];
|
||||
// Sold per cargo kind: container fees bill per box or per wagon, bulk
|
||||
// fees per ton or per wagon. Billed on the booking invoice.
|
||||
return input.cargoKind === 'BULK'
|
||||
? ['PER_TON', 'PER_WAGON']
|
||||
: ['PER_CONTAINER', 'PER_WAGON'];
|
||||
case 'LASHING':
|
||||
// Flat cargo-securing fee, billed once per booking.
|
||||
return ['FLAT'];
|
||||
// Bulk-only cargo securing — per ton or per wagon.
|
||||
return ['PER_TON', 'PER_WAGON'];
|
||||
case 'CONSOLIDATION':
|
||||
return ['PER_CONTAINER', 'FLAT'];
|
||||
case 'SHIPPING_LINE':
|
||||
@@ -74,6 +80,7 @@ export function defaultRateUnit(input: { appliesTo: RateAppliesTo; trigger: Rate
|
||||
export function isRateUnitAllowed(input: {
|
||||
appliesTo: RateAppliesTo;
|
||||
trigger: RateTrigger;
|
||||
cargoKind?: 'CONTAINER' | 'BULK' | null;
|
||||
unit: RateUnit;
|
||||
}): boolean {
|
||||
return allowedRateUnits(input).includes(input.unit);
|
||||
|
||||
@@ -249,6 +249,49 @@ describe('RuleEngineService — empty-container return per route + container typ
|
||||
expect(result.hardBlocked.some((m) => m.includes('return'))).toBe(true);
|
||||
});
|
||||
|
||||
it('PER_WAGON bills the wagons the empties ride back on, not the boxes', async () => {
|
||||
// Same service, but the return rate is sold per wagon: 4× 20ft return =
|
||||
// 2 wagons (two 20ft share a wagon) × 20 USD, not 4 × 20.
|
||||
service = new RuleEngineService(
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{
|
||||
findActiveByContainerTypeId: jest
|
||||
.fn()
|
||||
.mockResolvedValue([{ id: 'wlr-20', maxVgmTons: 20, maxCapacityTons: null }]),
|
||||
} as never,
|
||||
{ findAllActive: jest.fn().mockResolvedValue([]) } as never,
|
||||
{
|
||||
findLiveRates: jest
|
||||
.fn()
|
||||
.mockResolvedValue([{ ...returnRate20, rateUnit: 'PER_WAGON' } as Rate]),
|
||||
} as never,
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{} as never,
|
||||
);
|
||||
|
||||
const result = await service.evaluate(
|
||||
returnInput({
|
||||
containers: [
|
||||
{
|
||||
containerTypeId: 'ct-20',
|
||||
quantity: 4,
|
||||
vgmPerUnitTons: 10,
|
||||
totalVgmTons: 40,
|
||||
returnQuantity: 4,
|
||||
wagonsPerUnit: 0.5,
|
||||
},
|
||||
],
|
||||
}),
|
||||
);
|
||||
|
||||
const ret = result.appliedModifiers.filter((m) => m.surchargeCode === 'RETURN_SURCHARGE');
|
||||
expect(ret).toHaveLength(1);
|
||||
expect(ret[0].triggerValue).toBe(2);
|
||||
expect(ret[0].calculatedAmount).toBe(40);
|
||||
expect(ret[0].billingUnit).toBe('PER_WAGON');
|
||||
});
|
||||
|
||||
it('legacy booking-level flag bills every container at its type rate', async () => {
|
||||
const result = await service.evaluate(
|
||||
returnInput({
|
||||
@@ -264,3 +307,118 @@ describe('RuleEngineService — empty-container return per route + container typ
|
||||
expect(ret[0].calculatedAmount).toBe(80);
|
||||
});
|
||||
});
|
||||
|
||||
describe('RuleEngineService — lashing (bulk-only, per direction + commodity)', () => {
|
||||
const lashingBulkImport: Rate = {
|
||||
id: 'rate-lash-bulk',
|
||||
rateType: 'LASHING',
|
||||
trigger: 'LASHING',
|
||||
rateValue: 2,
|
||||
rateUnit: 'PER_TON',
|
||||
currency: 'USD',
|
||||
status: 'LIVE',
|
||||
containerTypeId: null,
|
||||
cargoTypeId: null,
|
||||
tradeDirection: 'IMPORT',
|
||||
originYardId: null,
|
||||
destinationYardId: null,
|
||||
} as Rate;
|
||||
|
||||
const buildService = (rates: Rate[]): RuleEngineService =>
|
||||
new RuleEngineService(
|
||||
{
|
||||
findById: jest
|
||||
.fn()
|
||||
.mockResolvedValue({ hasLashing: true, requiresDirectorApproval: false }),
|
||||
} as never,
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{ findActiveByContainerTypeId: jest.fn().mockResolvedValue([]) } as never,
|
||||
{ findAllActive: jest.fn().mockResolvedValue([]) } as never,
|
||||
{ findLiveRates: jest.fn().mockResolvedValue(rates) } as never,
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{} as never,
|
||||
);
|
||||
|
||||
const bulkInput = (overrides: Partial<BookingEvaluationInput> = {}): BookingEvaluationInput => ({
|
||||
serviceTypeId: 'svc-1',
|
||||
paymentCurrency: 'USD',
|
||||
tradeDirection: 'IMPORT',
|
||||
isHazardous: false,
|
||||
cargoTypeId: 'cargo-sugar',
|
||||
totalWagons: 0,
|
||||
bulkTons: 100,
|
||||
bulkWagons: 3,
|
||||
containers: [],
|
||||
...overrides,
|
||||
});
|
||||
|
||||
const lashingMods = (result: Awaited<ReturnType<RuleEngineService['evaluate']>>) =>
|
||||
result.appliedModifiers.filter((m) => m.surchargeCode === 'LASHING');
|
||||
|
||||
it('bulk lashing bills per ton on the direction-matched rate', async () => {
|
||||
const result = await buildService([lashingBulkImport]).evaluate(bulkInput());
|
||||
const mods = lashingMods(result);
|
||||
expect(mods).toHaveLength(1);
|
||||
expect(mods[0].triggerValue).toBe(100);
|
||||
expect(mods[0].calculatedAmount).toBe(200);
|
||||
expect(mods[0].billingUnit).toBe('PER_TON');
|
||||
});
|
||||
|
||||
it('a rate for the other direction never bills', async () => {
|
||||
const result = await buildService([
|
||||
{ ...lashingBulkImport, tradeDirection: 'EXPORT' } as Rate,
|
||||
]).evaluate(bulkInput());
|
||||
expect(lashingMods(result)).toHaveLength(0);
|
||||
});
|
||||
|
||||
it('PER_WAGON bulk lashing bills the wagons the bulk occupies', async () => {
|
||||
const result = await buildService([
|
||||
{ ...lashingBulkImport, rateUnit: 'PER_WAGON', rateValue: 25 } as Rate,
|
||||
]).evaluate(bulkInput());
|
||||
const mods = lashingMods(result);
|
||||
expect(mods[0].triggerValue).toBe(3);
|
||||
expect(mods[0].calculatedAmount).toBe(75);
|
||||
});
|
||||
|
||||
it('the commodity-scoped rate wins over the commodity-wide catch-all', async () => {
|
||||
const result = await buildService([
|
||||
lashingBulkImport,
|
||||
{ ...lashingBulkImport, id: 'rate-lash-sugar', rateValue: 7, cargoTypeId: 'cargo-sugar' } as Rate,
|
||||
]).evaluate(bulkInput());
|
||||
const mods = lashingMods(result);
|
||||
expect(mods).toHaveLength(1);
|
||||
expect(mods[0].unitPriceUsd).toBe(7);
|
||||
expect(mods[0].calculatedAmount).toBe(700);
|
||||
});
|
||||
|
||||
it('container bookings never incur lashing (bulk-only service)', async () => {
|
||||
const result = await buildService([lashingBulkImport]).evaluate(
|
||||
bulkInput({
|
||||
cargoTypeId: null,
|
||||
hasLashing: true,
|
||||
containers: [
|
||||
{ containerTypeId: 'ct-20', quantity: 4, vgmPerUnitTons: 10, totalVgmTons: 40 },
|
||||
],
|
||||
}),
|
||||
);
|
||||
expect(lashingMods(result)).toHaveLength(0);
|
||||
});
|
||||
|
||||
it('no lashing charge when the cargo does not need lashing', async () => {
|
||||
const service = new RuleEngineService(
|
||||
{
|
||||
findById: jest
|
||||
.fn()
|
||||
.mockResolvedValue({ hasLashing: false, requiresDirectorApproval: false }),
|
||||
} as never,
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{ findActiveByContainerTypeId: jest.fn().mockResolvedValue([]) } as never,
|
||||
{ findAllActive: jest.fn().mockResolvedValue([]) } as never,
|
||||
{ findLiveRates: jest.fn().mockResolvedValue([lashingBulkImport]) } as never,
|
||||
{ findById: jest.fn().mockResolvedValue(null) } as never,
|
||||
{} as never,
|
||||
);
|
||||
const result = await service.evaluate(bulkInput());
|
||||
expect(lashingMods(result)).toHaveLength(0);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -48,6 +48,12 @@ export interface BookingContainerEvalInput {
|
||||
hazardousQuantity?: number;
|
||||
reeferQuantity?: number;
|
||||
returnQuantity?: number;
|
||||
/**
|
||||
* Wagon fraction one container of this line occupies (40ft = 1, 20ft = 0.5).
|
||||
* Lets a PER_WAGON empty-return rate bill the wagons the returned empties
|
||||
* ride back on. Missing ⇒ one wagon per container.
|
||||
*/
|
||||
wagonsPerUnit?: number;
|
||||
}
|
||||
|
||||
export interface BookingEvaluationInput {
|
||||
@@ -86,6 +92,12 @@ export interface BookingEvaluationInput {
|
||||
* container freight, which is scaled by container count instead.
|
||||
*/
|
||||
bulkTons?: number;
|
||||
/**
|
||||
* Wagons a BULK booking occupies (ceil(tons ÷ wagon capacity)), resolved by
|
||||
* the pricing service. Scales PER_WAGON kind-scoped surcharges (lashing);
|
||||
* 0/undefined when unknown — those charges then bill nothing.
|
||||
*/
|
||||
bulkWagons?: number;
|
||||
containers: BookingContainerEvalInput[];
|
||||
}
|
||||
|
||||
@@ -312,6 +324,9 @@ export class RuleEngineService {
|
||||
// Empty-container return is sold per route + container type — billed by
|
||||
// the route-matched block below, never by this route-agnostic loop.
|
||||
if (rate.trigger === 'WITH_RETURN') continue;
|
||||
// Lashing is sold per cargo kind + container type — billed by the
|
||||
// kind-aware block below, never by this generic loop.
|
||||
if (rate.trigger === 'LASHING') continue;
|
||||
const triggered = this.matchesTrigger(rate.trigger, {
|
||||
isHazardous: input.isHazardous,
|
||||
hasReefer,
|
||||
@@ -419,6 +434,10 @@ export class RuleEngineService {
|
||||
appliedModifiers.push(...withReturn.modifiers);
|
||||
hardBlocked.push(...withReturn.blocked);
|
||||
|
||||
if (hasLashing) {
|
||||
appliedModifiers.push(...this.lashingCharges(input, liveRates));
|
||||
}
|
||||
|
||||
return {
|
||||
priorityScore,
|
||||
appliedModifiers,
|
||||
@@ -538,12 +557,18 @@ export class RuleEngineService {
|
||||
}
|
||||
|
||||
const rateValue = Number(rate.rateValue);
|
||||
const amount = rate.rateUnit === 'FLAT' ? rateValue : qty * rateValue;
|
||||
// PER_WAGON bills the wagons the returned empties occupy (two 20ft share
|
||||
// one wagon), PER_CONTAINER the boxes themselves, FLAT once per line.
|
||||
const billed =
|
||||
rate.rateUnit === 'PER_WAGON'
|
||||
? Math.ceil(qty * (container.wagonsPerUnit ?? 1))
|
||||
: qty;
|
||||
const amount = rate.rateUnit === 'FLAT' ? rateValue : billed * rateValue;
|
||||
if (!(amount > 0)) continue;
|
||||
modifiers.push({
|
||||
rateId: rate.id,
|
||||
surchargeCode: this.surchargeCode(rate),
|
||||
triggerValue: qty,
|
||||
triggerValue: rate.rateUnit === 'FLAT' ? qty : billed,
|
||||
calculatedAmount: amount,
|
||||
currency: rate.currency,
|
||||
unitPriceUsd: rateValue,
|
||||
@@ -555,6 +580,54 @@ export class RuleEngineService {
|
||||
return { modifiers, blocked: [...new Set(blocked)] };
|
||||
}
|
||||
|
||||
/**
|
||||
* Cargo securing / lashing — BULK only, sold per trade direction, optionally
|
||||
* narrowed to one leaf commodity (the commodity-scoped rate wins over the
|
||||
* commodity-wide catch-all). Bills PER_TON × tonnage or PER_WAGON × the
|
||||
* wagons the bulk occupies. Container bookings never incur lashing, and an
|
||||
* unconfigured rate simply bills nothing — same leniency as hazard/reefer.
|
||||
*/
|
||||
private lashingCharges(
|
||||
input: BookingEvaluationInput,
|
||||
liveRates: Rate[],
|
||||
): AppliedCargoModifier[] {
|
||||
const modifiers: AppliedCargoModifier[] = [];
|
||||
if (input.containers.length > 0) return modifiers; // bulk-only service
|
||||
|
||||
const onDirection = liveRates.filter(
|
||||
(r) =>
|
||||
r.trigger === 'LASHING' &&
|
||||
r.currency === 'USD' &&
|
||||
!r.containerTypeId &&
|
||||
r.tradeDirection === input.tradeDirection,
|
||||
);
|
||||
const rate =
|
||||
(input.cargoTypeId
|
||||
? onDirection.find((r) => r.cargoTypeId === input.cargoTypeId)
|
||||
: undefined) ?? onDirection.find((r) => !r.cargoTypeId);
|
||||
if (!rate) return modifiers;
|
||||
|
||||
const billedQty =
|
||||
rate.rateUnit === 'PER_TON'
|
||||
? Math.max(0, Number(input.bulkTons ?? 0))
|
||||
: rate.rateUnit === 'PER_WAGON'
|
||||
? Math.max(0, Number(input.bulkWagons ?? 0))
|
||||
: 1;
|
||||
const rateValue = Number(rate.rateValue);
|
||||
const amount = rate.rateUnit === 'FLAT' ? rateValue : billedQty * rateValue;
|
||||
if (!(amount > 0)) return modifiers;
|
||||
modifiers.push({
|
||||
rateId: rate.id,
|
||||
surchargeCode: this.surchargeCode(rate),
|
||||
triggerValue: rate.rateUnit === 'FLAT' ? 1 : billedQty,
|
||||
calculatedAmount: amount,
|
||||
currency: rate.currency,
|
||||
unitPriceUsd: rateValue,
|
||||
billingUnit: rate.rateUnit,
|
||||
});
|
||||
return modifiers;
|
||||
}
|
||||
|
||||
/**
|
||||
* Messages for container lines whose total weight exceeds the hard capacity
|
||||
* ceiling (weight_limit_rules.max_capacity_tons). Non-empty ⇒ the booking
|
||||
|
||||
@@ -101,6 +101,23 @@ describe('RateChangeRequestsService', () => {
|
||||
expect(request.payload).toEqual({ rateValue: 200 });
|
||||
});
|
||||
|
||||
it('carries a re-routed leg — a yard-only edit is a real change', async () => {
|
||||
const { service } = build({
|
||||
rate: liveRate({ originYardId: 'yard-a', destinationYardId: 'yard-b' }),
|
||||
});
|
||||
|
||||
const request = await service.submit({
|
||||
rateId: 'rate-1',
|
||||
update: {
|
||||
rateValue: 100,
|
||||
originYardId: 'yard-a',
|
||||
destinationYardId: 'yard-c',
|
||||
},
|
||||
});
|
||||
|
||||
expect(request.payload).toEqual({ destinationYardId: 'yard-c' });
|
||||
});
|
||||
|
||||
it('rejects a no-op — 100 posted against a live 100.0000 is not a change', async () => {
|
||||
const { service } = build();
|
||||
await expect(
|
||||
|
||||
@@ -33,6 +33,10 @@ const DIFFABLE_FIELDS = [
|
||||
'tradeDirection',
|
||||
'containerTypeId',
|
||||
'cargoTypeId',
|
||||
// The leg a route-scoped rate prices. Missing here, a re-routed LIVE rate
|
||||
// diffed to nothing and the submit was refused as "nothing changed".
|
||||
'originYardId',
|
||||
'destinationYardId',
|
||||
] as const;
|
||||
|
||||
/**
|
||||
|
||||
@@ -69,18 +69,19 @@ export class RatesService {
|
||||
appliesTo: Rate['appliesTo'],
|
||||
trigger: Rate['trigger'],
|
||||
requestedUnit: Rate['rateUnit'] | undefined,
|
||||
cargoKind?: 'CONTAINER' | 'BULK' | null,
|
||||
): Rate['rateUnit'] {
|
||||
// Overweight is per-ton, full stop — the admin form hides the unit field
|
||||
// for it and omits rateUnit from the payload entirely.
|
||||
if (trigger === 'OVERWEIGHT') return 'PER_TON';
|
||||
|
||||
const allowed = allowedRateUnits({ appliesTo, trigger });
|
||||
const allowed = allowedRateUnits({ appliesTo, trigger, cargoKind });
|
||||
if (!requestedUnit) {
|
||||
throw new BadRequestException(
|
||||
`Pick a rate unit for this rate. Allowed: ${allowed.join(', ')}.`,
|
||||
);
|
||||
}
|
||||
if (!isRateUnitAllowed({ appliesTo, trigger, unit: requestedUnit })) {
|
||||
if (!isRateUnitAllowed({ appliesTo, trigger, cargoKind, unit: requestedUnit })) {
|
||||
throw new BadRequestException(
|
||||
`Rate unit "${requestedUnit}" is not valid for this rate. Allowed: ${allowed.join(', ')}.`,
|
||||
);
|
||||
@@ -187,10 +188,11 @@ export class RatesService {
|
||||
trigger: Rate['trigger'];
|
||||
tradeDirection: string | null;
|
||||
intercityKind: string | null;
|
||||
cargoKind: string | null;
|
||||
containerTypeId: string | null;
|
||||
cargoTypeId: string | null;
|
||||
}): void {
|
||||
const { appliesTo, trigger, tradeDirection, intercityKind } = input;
|
||||
const { appliesTo, trigger, tradeDirection, intercityKind, cargoKind } = input;
|
||||
const { containerTypeId, cargoTypeId } = input;
|
||||
if (trigger === 'CUSTOMS_CLEARANCE') {
|
||||
if (tradeDirection !== 'IMPORT' && tradeDirection !== 'EXPORT') {
|
||||
@@ -198,6 +200,51 @@ export class RatesService {
|
||||
'A customs clearance rate must say whether it covers IMPORT or EXPORT.',
|
||||
);
|
||||
}
|
||||
// Sold per cargo kind: a container fee names the container type it covers
|
||||
// (20ft and 40ft price differently); a bulk fee carries no type at all —
|
||||
// that absence is what marks it as the bulk fee.
|
||||
if (cargoKind !== 'CONTAINER' && cargoKind !== 'BULK') {
|
||||
throw new BadRequestException(
|
||||
'A customs clearance rate must say whether it covers containers or bulk.',
|
||||
);
|
||||
}
|
||||
if (cargoKind === 'CONTAINER' && !containerTypeId) {
|
||||
throw new BadRequestException(
|
||||
'A container customs clearance rate must name the container type it covers.',
|
||||
);
|
||||
}
|
||||
if (cargoKind === 'BULK' && containerTypeId) {
|
||||
throw new BadRequestException(
|
||||
'A bulk customs clearance rate cannot be scoped to a container type.',
|
||||
);
|
||||
}
|
||||
// The bulk customs fee names the commodity it covers (sugar and
|
||||
// fertilizer clear differently).
|
||||
if (cargoKind === 'BULK' && !cargoTypeId) {
|
||||
throw new BadRequestException(
|
||||
'A bulk customs clearance rate must name the bulk cargo type it covers.',
|
||||
);
|
||||
}
|
||||
if (cargoKind === 'CONTAINER' && cargoTypeId) {
|
||||
throw new BadRequestException(
|
||||
'A container customs clearance rate cannot be scoped to a bulk cargo type.',
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (trigger === 'LASHING') {
|
||||
// Bulk-only cargo securing, sold per direction. May narrow to one leaf
|
||||
// commodity (specific wins over the commodity-wide catch-all).
|
||||
if (tradeDirection !== 'IMPORT' && tradeDirection !== 'EXPORT') {
|
||||
throw new BadRequestException(
|
||||
'A lashing rate must say whether it covers IMPORT or EXPORT.',
|
||||
);
|
||||
}
|
||||
if (containerTypeId) {
|
||||
throw new BadRequestException(
|
||||
'Lashing is bulk-only — it cannot be scoped to a container type.',
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (trigger === 'WITH_RETURN') {
|
||||
@@ -279,20 +326,31 @@ export class RatesService {
|
||||
const trigger = dto.trigger as Rate['trigger'];
|
||||
// Surcharges (trigger ≠ ALWAYS) carry no direction/scope — clear them so
|
||||
// the engine never accidentally narrows a surcharge by container/direction.
|
||||
// Exceptions: customs clearance keeps a direction, and empty-container
|
||||
// return keeps direction + container type — both are sold per lane.
|
||||
// Exceptions: customs clearance and empty-container return keep direction +
|
||||
// container type — both are sold per lane (and per container type).
|
||||
const isSurcharge = trigger !== 'ALWAYS';
|
||||
const cargoKind =
|
||||
trigger === 'CUSTOMS_CLEARANCE'
|
||||
? ((dto.cargoKind as 'CONTAINER' | 'BULK' | undefined) ?? null)
|
||||
: null;
|
||||
const containerTypeId =
|
||||
trigger === 'WITH_RETURN'
|
||||
trigger === 'WITH_RETURN' ||
|
||||
(trigger === 'CUSTOMS_CLEARANCE' && cargoKind === 'CONTAINER')
|
||||
? (dto.containerTypeId ?? null)
|
||||
: isSurcharge
|
||||
? null
|
||||
: (dto.containerTypeId ?? null);
|
||||
const cargoTypeId = isSurcharge ? null : (dto.cargoTypeId ?? null);
|
||||
const cargoTypeId =
|
||||
(trigger === 'CUSTOMS_CLEARANCE' && cargoKind === 'BULK') ||
|
||||
trigger === 'LASHING'
|
||||
? (dto.cargoTypeId ?? null)
|
||||
: isSurcharge
|
||||
? null
|
||||
: (dto.cargoTypeId ?? null);
|
||||
// Intercity never leaves Ethiopia, so it has no trade direction to store —
|
||||
// its yard pair already says where it runs.
|
||||
const tradeDirection =
|
||||
trigger === 'CUSTOMS_CLEARANCE' || trigger === 'WITH_RETURN'
|
||||
trigger === 'CUSTOMS_CLEARANCE' || trigger === 'WITH_RETURN' || trigger === 'LASHING'
|
||||
? (dto.tradeDirection ?? null)
|
||||
: isSurcharge || appliesTo === 'INTERCITY'
|
||||
? null
|
||||
@@ -304,6 +362,7 @@ export class RatesService {
|
||||
trigger,
|
||||
tradeDirection,
|
||||
intercityKind,
|
||||
cargoKind,
|
||||
containerTypeId,
|
||||
cargoTypeId,
|
||||
});
|
||||
@@ -325,6 +384,7 @@ export class RatesService {
|
||||
appliesTo,
|
||||
trigger,
|
||||
dto.rateUnit as Rate['rateUnit'] | undefined,
|
||||
cargoKind,
|
||||
);
|
||||
|
||||
await this.assertNoDuplicatePattern({
|
||||
@@ -419,19 +479,34 @@ export class RatesService {
|
||||
if (dto.appliesTo) updates.appliesTo = appliesTo;
|
||||
if (dto.trigger) updates.trigger = trigger;
|
||||
|
||||
const keepsContainerType = !isSurcharge || trigger === 'WITH_RETURN';
|
||||
// A patch that leaves the cargo kind unsaid keeps the one the rate already
|
||||
// has — read back off its container scope (container fees carry the type).
|
||||
const cargoKind =
|
||||
trigger !== 'CUSTOMS_CLEARANCE'
|
||||
? null
|
||||
: ((dto.cargoKind as 'CONTAINER' | 'BULK' | undefined) ??
|
||||
(existing.containerTypeId ? 'CONTAINER' : 'BULK'));
|
||||
|
||||
const keepsContainerType =
|
||||
!isSurcharge ||
|
||||
trigger === 'WITH_RETURN' ||
|
||||
(trigger === 'CUSTOMS_CLEARANCE' && cargoKind === 'CONTAINER');
|
||||
const containerTypeId = !keepsContainerType
|
||||
? null
|
||||
: dto.containerTypeId !== undefined
|
||||
? dto.containerTypeId
|
||||
: existing.containerTypeId;
|
||||
const cargoTypeId = isSurcharge
|
||||
const keepsCargoType =
|
||||
!isSurcharge ||
|
||||
(trigger === 'CUSTOMS_CLEARANCE' && cargoKind === 'BULK') ||
|
||||
trigger === 'LASHING';
|
||||
const cargoTypeId = !keepsCargoType
|
||||
? null
|
||||
: dto.cargoTypeId !== undefined
|
||||
? dto.cargoTypeId
|
||||
: existing.cargoTypeId;
|
||||
const tradeDirection =
|
||||
trigger === 'CUSTOMS_CLEARANCE' || trigger === 'WITH_RETURN'
|
||||
trigger === 'CUSTOMS_CLEARANCE' || trigger === 'WITH_RETURN' || trigger === 'LASHING'
|
||||
? dto.tradeDirection !== undefined
|
||||
? dto.tradeDirection
|
||||
: existing.tradeDirection
|
||||
@@ -455,6 +530,7 @@ export class RatesService {
|
||||
trigger,
|
||||
tradeDirection: updates.tradeDirection,
|
||||
intercityKind,
|
||||
cargoKind,
|
||||
containerTypeId: updates.containerTypeId,
|
||||
cargoTypeId: updates.cargoTypeId,
|
||||
});
|
||||
@@ -486,7 +562,7 @@ export class RatesService {
|
||||
// Re-validate the unit against the (possibly changed) shape; overweight is
|
||||
// forced to PER_TON.
|
||||
const requestedUnit = (dto.rateUnit as Rate['rateUnit']) ?? existing.rateUnit;
|
||||
updates.rateUnit = this.resolveRateUnit(appliesTo, trigger, requestedUnit);
|
||||
updates.rateUnit = this.resolveRateUnit(appliesTo, trigger, requestedUnit, cargoKind);
|
||||
|
||||
// Guard the pattern uniqueness for the new identity, ignoring this row.
|
||||
await this.assertNoDuplicatePattern({
|
||||
|
||||
@@ -416,9 +416,11 @@ private async seedWeightLimits(wlRepo: any, ctRepo: any): Promise<void> {
|
||||
{ appliesTo: "OTHER", trigger: "WITH_RETURN", rateType: "RETURN_SURCHARGE", rateValue: 20, rateUnit: "PER_CONTAINER" },
|
||||
{ appliesTo: "OTHER", trigger: "SHIPPING_LINE", rateType: "DOUBLE_HANDLING", rateValue: 100, rateUnit: "PER_CONTAINER" },
|
||||
{ appliesTo: "OTHER", trigger: "CONSOLIDATION", rateType: "LASHING", rateValue: 50, rateUnit: "PER_CONTAINER" },
|
||||
// Cargo-securing / lashing — flat fee, billed once per booking whose
|
||||
// cargo type has hasLashing = true.
|
||||
{ appliesTo: "OTHER", trigger: "LASHING", rateType: "LASHING", rateValue: 40, rateUnit: "FLAT" },
|
||||
// Cargo-securing / lashing — bulk-only, fires when the cargo type has
|
||||
// hasLashing. Sold per direction; commodity-wide catch-alls seeded here,
|
||||
// commodity-specific rates are configured by the rates team.
|
||||
{ appliesTo: "OTHER", trigger: "LASHING", rateType: "LASHING", tradeDirection: "IMPORT", rateValue: 40, rateUnit: "PER_TON" },
|
||||
{ appliesTo: "OTHER", trigger: "LASHING", rateType: "LASHING", tradeDirection: "EXPORT", rateValue: 40, rateUnit: "PER_TON" },
|
||||
// ── First/last-mile road haulage (per km) — drives the mile invoices ──
|
||||
{ appliesTo: "OTHER", trigger: "ALWAYS", rateType: "FIRST_MILE", rateValue: 20, rateUnit: "PER_KM" },
|
||||
{ appliesTo: "OTHER", trigger: "ALWAYS", rateType: "LAST_MILE", rateValue: 25, rateUnit: "PER_KM" },
|
||||
|
||||
@@ -802,8 +802,22 @@ const App = () => {
|
||||
}
|
||||
/>
|
||||
<Route path="support" element={<SupportInboxPage />} />
|
||||
<Route path="customers" element={<CustomersPage />} />
|
||||
<Route path="customers/:id" element={<CustomerDetailPage />} />
|
||||
<Route
|
||||
path="customers"
|
||||
element={
|
||||
<RequirePermission permission={FREIGHT_PERMS.customers.view}>
|
||||
<CustomersPage />
|
||||
</RequirePermission>
|
||||
}
|
||||
/>
|
||||
<Route
|
||||
path="customers/:id"
|
||||
element={
|
||||
<RequirePermission permission={FREIGHT_PERMS.customers.view}>
|
||||
<CustomerDetailPage />
|
||||
</RequirePermission>
|
||||
}
|
||||
/>
|
||||
<Route
|
||||
path="invoices"
|
||||
element={
|
||||
|
||||
@@ -65,8 +65,12 @@ export function computeGlShipmentTotal(
|
||||
(i) =>
|
||||
i.containerSize === line.containerSize &&
|
||||
i.unit === "per_container" &&
|
||||
!i.conditionalOn,
|
||||
) ?? rateFor((i) => i.containerSize === line.containerSize);
|
||||
!i.conditionalOn &&
|
||||
!i.isClearance,
|
||||
) ??
|
||||
rateFor(
|
||||
(i) => i.containerSize === line.containerSize && !i.isClearance,
|
||||
);
|
||||
if (rate) {
|
||||
lines.push({
|
||||
label: rate.label,
|
||||
@@ -123,7 +127,12 @@ export function computeGlShipmentTotal(
|
||||
} else {
|
||||
const qty = q.bulkQuantity;
|
||||
const rate =
|
||||
rateFor((i) => i.unit === "per_ton" || i.unit === "per_item") ?? items[0];
|
||||
rateFor(
|
||||
(i) =>
|
||||
(i.unit === "per_ton" || i.unit === "per_item") &&
|
||||
!i.isClearance &&
|
||||
!i.conditionalOn,
|
||||
) ?? items[0];
|
||||
if (rate && qty > 0) {
|
||||
lines.push({
|
||||
label: rate.label,
|
||||
@@ -159,6 +168,53 @@ export function computeGlShipmentTotal(
|
||||
}
|
||||
}
|
||||
|
||||
// Lashing / cargo securing — bulk-only, applies whenever the contract shows
|
||||
// it (the commodity needs lashing). Per-ton scales by tonnage; per-wagon
|
||||
// depends on the wagon capacity the train stocks — shown at real pricing.
|
||||
const lashing = items.find((i) => i.conditionalOn === "has_lashing");
|
||||
if (lashing && lashing.unit === "per_ton") {
|
||||
const tons = q.bulkQuantity;
|
||||
if (tons > 0) {
|
||||
lines.push({
|
||||
label: lashing.label,
|
||||
unitPrice: lashing.unitPrice,
|
||||
unit: lashing.unit,
|
||||
quantity: tons,
|
||||
amount: lashing.unitPrice * tons,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Customs clearance service fee — billed on the booking invoice with the
|
||||
// freight. Container fees estimate per size (per box, or per wagon: two 20ft
|
||||
// share one); bulk per-ton scales by tonnage. Bulk per-wagon fees depend on
|
||||
// the wagon capacity the train stocks — shown at real pricing, not estimated.
|
||||
for (const cl of items.filter((i) => i.isClearance)) {
|
||||
let qty = 0;
|
||||
if (q.isContainer) {
|
||||
const boxes = q.containers
|
||||
.filter((c) => c.containerSize === cl.containerSize)
|
||||
.reduce((s, c) => s + Number(c.quantity || 0), 0);
|
||||
qty =
|
||||
cl.unit === "per_wagon"
|
||||
? Math.ceil(boxes * (cl.containerSize === "40ft" ? 1 : 0.5))
|
||||
: boxes;
|
||||
} else if (cl.unit === "per_ton") {
|
||||
qty = q.bulkQuantity;
|
||||
} else if (cl.unit === "flat") {
|
||||
qty = 1;
|
||||
}
|
||||
if (qty > 0) {
|
||||
lines.push({
|
||||
label: cl.label,
|
||||
unitPrice: cl.unitPrice,
|
||||
unit: cl.unit,
|
||||
quantity: qty,
|
||||
amount: cl.unitPrice * qty,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const total = lines.reduce((s, l) => s + l.amount, 0);
|
||||
return { currency, lines, total };
|
||||
}
|
||||
@@ -167,6 +223,7 @@ export function computeGlShipmentTotal(
|
||||
export function formatRateUnit(unit: Freight.ContractRateUnit | string): string {
|
||||
const map: Record<string, string> = {
|
||||
per_container: "container",
|
||||
per_wagon: "wagon",
|
||||
per_ton: "ton",
|
||||
per_item: "item",
|
||||
per_km: "km",
|
||||
|
||||
@@ -23,6 +23,8 @@ import {
|
||||
import { useState } from "react";
|
||||
import { useFileViewer } from "@edr/ui-common";
|
||||
|
||||
import { useAuth } from "@/auth/useAuth";
|
||||
import { FREIGHT_PERMS, hasPermission } from "@/lib/permissions";
|
||||
import { fetchViewableFile } from "@/services/files.service";
|
||||
import { api } from "@/services/api";
|
||||
import type { Company, CompanyChangeRequest } from "@/types/customer";
|
||||
@@ -128,6 +130,8 @@ function DiffRow({
|
||||
* (with note) actions, plus a short history of past decisions.
|
||||
*/
|
||||
export function ChangeRequestReview({ company }: { company: Company }) {
|
||||
const { user } = useAuth();
|
||||
const canReview = hasPermission(user, FREIGHT_PERMS.customers.verify);
|
||||
const query = useQuery(
|
||||
api.customers.changeRequests.queryOptions({ input: { id: company.id } }),
|
||||
);
|
||||
@@ -323,25 +327,30 @@ export function ChangeRequestReview({ company }: { company: Company }) {
|
||||
</Stack>
|
||||
)}
|
||||
|
||||
<Group justify="flex-end" gap="sm">
|
||||
<Button
|
||||
variant="light"
|
||||
color="red"
|
||||
onClick={() => {
|
||||
setRejectId(pending.id);
|
||||
setNote("");
|
||||
}}
|
||||
>
|
||||
Reject
|
||||
</Button>
|
||||
<Button
|
||||
color="edr-green"
|
||||
loading={approve.isPending}
|
||||
onClick={() => approve.mutate({ id: pending.id })}
|
||||
>
|
||||
Approve changes
|
||||
</Button>
|
||||
</Group>
|
||||
{/* Reviewing the diff is `customers:view`; deciding on it is
|
||||
`customers:verify`. Without it the request stays readable but
|
||||
un-actionable. */}
|
||||
{canReview && (
|
||||
<Group justify="flex-end" gap="sm">
|
||||
<Button
|
||||
variant="light"
|
||||
color="red"
|
||||
onClick={() => {
|
||||
setRejectId(pending.id);
|
||||
setNote("");
|
||||
}}
|
||||
>
|
||||
Reject
|
||||
</Button>
|
||||
<Button
|
||||
color="edr-green"
|
||||
loading={approve.isPending}
|
||||
onClick={() => approve.mutate({ id: pending.id })}
|
||||
>
|
||||
Approve changes
|
||||
</Button>
|
||||
</Group>
|
||||
)}
|
||||
</Stack>
|
||||
</Card>
|
||||
)}
|
||||
|
||||
@@ -11,6 +11,8 @@ import {
|
||||
} from "@mantine/core";
|
||||
import { useMutation } from "@tanstack/react-query";
|
||||
import { useState } from "react";
|
||||
import { useAuth } from "@/auth/useAuth";
|
||||
import { FREIGHT_PERMS, hasPermission } from "@/lib/permissions";
|
||||
import { api } from "@/services/api";
|
||||
|
||||
import type {
|
||||
@@ -286,6 +288,19 @@ export function InvoiceStatusBadge({
|
||||
* regardless (setCompanyProfileStatus). Suspend/blacklist/reinstate stay live so
|
||||
* an already-active profile is still managable.
|
||||
*/
|
||||
/**
|
||||
* Which permission each status write needs. Mirrors `STATUS_PERM` in the API's
|
||||
* `companies.controller.ts` — approving is a different authority from
|
||||
* suspending, and both go through the same endpoint. Keep the two in step.
|
||||
*/
|
||||
const STATUS_PERM: Record<ProfileStatus, string> = {
|
||||
active: FREIGHT_PERMS.customers.verify,
|
||||
pending: FREIGHT_PERMS.customers.verify,
|
||||
rejected: FREIGHT_PERMS.customers.verify,
|
||||
suspended: FREIGHT_PERMS.customers.deactivate,
|
||||
blacklisted: FREIGHT_PERMS.customers.deactivate,
|
||||
};
|
||||
|
||||
export function ProfileApprovalActions({
|
||||
profileId,
|
||||
status,
|
||||
@@ -295,6 +310,10 @@ export function ProfileApprovalActions({
|
||||
status: ProfileStatus;
|
||||
locked?: boolean;
|
||||
}) {
|
||||
const { user } = useAuth();
|
||||
/** The API rejects these anyway — hide rather than offer a button that 403s. */
|
||||
const canSet = (next: ProfileStatus) =>
|
||||
hasPermission(user, STATUS_PERM[next]);
|
||||
const { mutate, isPending } = useMutation(
|
||||
api.customers.setProfileStatus.mutationOptions(),
|
||||
);
|
||||
@@ -414,35 +433,41 @@ export function ProfileApprovalActions({
|
||||
}
|
||||
|
||||
if (status === "pending") {
|
||||
if (!canSet("active") && !canSet("rejected")) return null;
|
||||
return (
|
||||
<>
|
||||
{decisionModal}
|
||||
<Group gap={6} wrap="nowrap">
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="edr-green"
|
||||
radius="md"
|
||||
loading={isPending}
|
||||
onClick={() => act("active")}
|
||||
>
|
||||
Approve
|
||||
</Button>
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="red"
|
||||
radius="md"
|
||||
onClick={() => openDecision("reject")}
|
||||
>
|
||||
Reject
|
||||
</Button>
|
||||
{canSet("active") && (
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="edr-green"
|
||||
radius="md"
|
||||
loading={isPending}
|
||||
onClick={() => act("active")}
|
||||
>
|
||||
Approve
|
||||
</Button>
|
||||
)}
|
||||
{canSet("rejected") && (
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="red"
|
||||
radius="md"
|
||||
onClick={() => openDecision("reject")}
|
||||
>
|
||||
Reject
|
||||
</Button>
|
||||
)}
|
||||
</Group>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
if (status === "rejected") {
|
||||
if (!canSet("active")) return null;
|
||||
return (
|
||||
<Button
|
||||
size="xs"
|
||||
@@ -458,6 +483,7 @@ export function ProfileApprovalActions({
|
||||
}
|
||||
|
||||
if (status === "active") {
|
||||
if (!canSet("suspended")) return null;
|
||||
return (
|
||||
<>
|
||||
{decisionModal}
|
||||
@@ -476,34 +502,40 @@ export function ProfileApprovalActions({
|
||||
}
|
||||
|
||||
if (status === "suspended") {
|
||||
if (!canSet("active") && !canSet("blacklisted")) return null;
|
||||
return (
|
||||
<Group gap={6} wrap="nowrap">
|
||||
{decisionModal}
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="edr-green"
|
||||
radius="md"
|
||||
loading={isPending}
|
||||
onClick={() => openDecision("reactivate")}
|
||||
>
|
||||
Reactivate
|
||||
</Button>
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="red"
|
||||
radius="md"
|
||||
loading={isPending}
|
||||
onClick={() => act("blacklisted")}
|
||||
>
|
||||
Blacklist
|
||||
</Button>
|
||||
{canSet("active") && (
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="edr-green"
|
||||
radius="md"
|
||||
loading={isPending}
|
||||
onClick={() => openDecision("reactivate")}
|
||||
>
|
||||
Reactivate
|
||||
</Button>
|
||||
)}
|
||||
{canSet("blacklisted") && (
|
||||
<Button
|
||||
size="xs"
|
||||
variant="light"
|
||||
color="red"
|
||||
radius="md"
|
||||
loading={isPending}
|
||||
onClick={() => act("blacklisted")}
|
||||
>
|
||||
Blacklist
|
||||
</Button>
|
||||
)}
|
||||
</Group>
|
||||
);
|
||||
}
|
||||
|
||||
if (status === "blacklisted") {
|
||||
if (!canSet("pending")) return null;
|
||||
return (
|
||||
<Button
|
||||
size="xs"
|
||||
|
||||
@@ -209,6 +209,13 @@ const RuleEngineFormDialog = ({
|
||||
next.containerTypeId = "";
|
||||
next.cargoTypeId = "";
|
||||
}
|
||||
// Cargo kind (customs / lashing) decides both the container-type scope
|
||||
// and the legal units (container → per box/wagon, bulk → per ton/wagon).
|
||||
if (name === "cargoKind") {
|
||||
next.containerTypeId = "";
|
||||
next.cargoTypeId = "";
|
||||
next.rateUnit = "";
|
||||
}
|
||||
return next;
|
||||
});
|
||||
};
|
||||
@@ -333,6 +340,10 @@ const RuleEngineFormDialog = ({
|
||||
value={resolveSelectValue(field, values)}
|
||||
onChange={(v) => setField(field.name, v === RULE_ENGINE_SELECT_NONE ? "" : v)}
|
||||
disabled={selectOptionsLoading}
|
||||
// Native required blocks submit while a mandatory select is empty —
|
||||
// without it the form posts and the API 400s (e.g. a container
|
||||
// customs/lashing rate with no container type picked).
|
||||
required={field.required}
|
||||
data={options
|
||||
.filter((opt) => opt.value !== "")
|
||||
.map((opt) => ({
|
||||
|
||||
@@ -286,7 +286,6 @@ export const BOOKING_LIST_TABS = [
|
||||
key: "clearance",
|
||||
label: "Clearance",
|
||||
statuses: [
|
||||
"AWAITING_CLEARANCE_PAYMENT",
|
||||
"AWAITING_DOCUMENTS",
|
||||
"DOCUMENTS_UNDER_REVIEW",
|
||||
"CLEARANCE_READY",
|
||||
|
||||
@@ -51,10 +51,6 @@ export const CONTRACT_STATUS_STYLES: Record<string, StatusStyle> = {
|
||||
label: "Active",
|
||||
color: "bg-[color:var(--freight-brand-muted)] text-[color:var(--freight-brand)] border-[color:var(--freight-brand-border)]",
|
||||
},
|
||||
AWAITING_CLEARANCE_PAYMENT: {
|
||||
label: "Clearance Fee Due",
|
||||
color: "bg-orange-50 text-orange-700 border-orange-200",
|
||||
},
|
||||
AWAITING_CLEARANCE_DOCUMENTS: {
|
||||
label: "Awaiting Documents",
|
||||
color: "bg-amber-50 text-amber-700 border-amber-200",
|
||||
@@ -122,7 +118,6 @@ export const CONTRACT_STATUS_COLOR: Record<string, string> = {
|
||||
SIGNED_CUSTOMER: "cyan",
|
||||
FULLY_EXECUTED: "indigo",
|
||||
CONTRACT_ACTIVE: "edr-green",
|
||||
AWAITING_CLEARANCE_PAYMENT: "orange",
|
||||
AWAITING_CLEARANCE_DOCUMENTS: "yellow",
|
||||
CLEARANCE_UNDER_REVIEW: "yellow",
|
||||
CLEARANCE_READY_FOR_BOOKING: "edr-green",
|
||||
@@ -212,13 +207,6 @@ export const CONTRACT_STATUS_META: Record<string, StatusMeta> = {
|
||||
color: "text-[color:var(--freight-brand)]",
|
||||
stage: 3,
|
||||
},
|
||||
AWAITING_CLEARANCE_PAYMENT: {
|
||||
title: "Clearance Fee Due",
|
||||
description:
|
||||
"Customer must pay the prepaid clearance service fee before uploading documents.",
|
||||
color: "text-orange-600",
|
||||
stage: 3,
|
||||
},
|
||||
AWAITING_CLEARANCE_DOCUMENTS: {
|
||||
title: "Awaiting Documents",
|
||||
description: "Customer is uploading pre-booking clearance documents.",
|
||||
|
||||
@@ -2039,6 +2039,7 @@
|
||||
"setting": "ቅንብሮች",
|
||||
"loadingAdmins": "አስተዳዳሪዎችን በመጫን ላይ...",
|
||||
"errorLoadingAdmins": "የአስተዳዳሪ መረጃን ማጫን ላይ ስህተት ተፈጥሯል",
|
||||
"errorLoadingUnits": "ክፍሎችን ማጫን ላይ ስህተት ተፈጥሯል",
|
||||
"retry": "ደግመው ይሞክሩ",
|
||||
"assignAdmin": "አስተዳዳሪ መመደብ",
|
||||
"addAdmin": "አስተዳዳሪ ያክሉ",
|
||||
@@ -2651,6 +2652,18 @@
|
||||
"selectApplicationToLoadPermissions": "ፍቃዶቹን ለማስገንዘብ አፕሊኬሽኑን ይምረጡ",
|
||||
"copyPermissionsHint": "የነበረ የቦታ አይነት ይምረጡ፤ ፍቃዶቹ አስቀድመው ይሞላሉ፣ ከታች ማስተካከል ይችላሉ።",
|
||||
"copyPermissionsFailed": "ፍቃዶችን መቅዳት አልተቻለም",
|
||||
"selectOrganizationToCopy": "መቅዳት የሚችሏቸውን የቦታ ዓይነቶች ለማየት መጀመሪያ ድርጅት ይምረጡ",
|
||||
"cannotClearAllPermissions": "ተቀምጧል። ፍቃዶቹ አልተቀየሩም — ይህ የቦታ ዓይነት ቢያንስ አንድ ፍቃድ ሊኖረው ይገባል።",
|
||||
"permissionsSelected": "{{count}} ተመርጠዋል",
|
||||
"positionTypeCreated": "የቦታ ዓይነት ተፈጥሯል",
|
||||
"positionTypeUpdated": "የቦታ ዓይነት ተሻሽሏል",
|
||||
"positionTypeDeleted": "የቦታ ዓይነት ተሰርዟል",
|
||||
"positionTypeMigrated": "የቦታ ዓይነት ዝውውር ተሻሽሏል",
|
||||
"positionTypeNotFound": "የቦታ ዓይነት አልተገኘም",
|
||||
"permissionsAssignFailed": "የቦታ ዓይነቱ ተቀምጧል፣ ነገር ግን ፍቃዶቹን መመደብ አልተቻለም። እንደገና ለመሞከር ደግመው ይክፈቱት።",
|
||||
"failedToLoadPermissions": "ፍቃዶችን መጫን አልተቻለም",
|
||||
"failedToLoadPositionTypes": "የቦታ ዓይነቶችን መጫን አልተቻለም",
|
||||
"exportFailed": "የቦታ ዓይነት ቁልፎችን መላክ አልተቻለም",
|
||||
"perFailed": "ፍቃድ መፍጠር አልተቻለም",
|
||||
"perSuccess": "የፍቃድ አይነት ተፈጠረና ፍቃዶች ተመደቡ",
|
||||
"updatePerSuccess": "ፍቃድ በትክክል ተዘምኗል",
|
||||
|
||||
@@ -2057,6 +2057,7 @@
|
||||
"setting": "Setting",
|
||||
"loadingAdmins": "Loading admins...",
|
||||
"errorLoadingAdmins": "Error loading admin data",
|
||||
"errorLoadingUnits": "Error loading units",
|
||||
"retry": "Retry",
|
||||
"assignAdmin": "Assign Admin",
|
||||
"addAdmin": "Add Admin",
|
||||
@@ -2760,6 +2761,18 @@
|
||||
"selectApplicationToLoadPermissions": "Select an application to load its permissions",
|
||||
"copyPermissionsHint": "Pick an existing position type to pre-fill its permissions, then edit below.",
|
||||
"copyPermissionsFailed": "Failed to copy permissions",
|
||||
"selectOrganizationToCopy": "Select an organization to see the position types you can copy from",
|
||||
"cannotClearAllPermissions": "Saved. Permissions were left unchanged — this position type must keep at least one permission.",
|
||||
"permissionsSelected": "{{count}} selected",
|
||||
"positionTypeCreated": "Position type created",
|
||||
"positionTypeUpdated": "Position type updated",
|
||||
"positionTypeDeleted": "Position type deleted",
|
||||
"positionTypeMigrated": "Position type migration updated",
|
||||
"positionTypeNotFound": "Position type not found",
|
||||
"permissionsAssignFailed": "Position type saved, but assigning its permissions failed. Reopen it to try again.",
|
||||
"failedToLoadPermissions": "Failed to load permissions",
|
||||
"failedToLoadPositionTypes": "Failed to load position types",
|
||||
"exportFailed": "Failed to export position type keys",
|
||||
"perFailed": "Failed To Create Permission",
|
||||
"perSuccess": "Permission type created and permissions assigned",
|
||||
"updatePerSuccess": "Permission updated successfully",
|
||||
|
||||
@@ -1525,6 +1525,7 @@
|
||||
"setting": "Paramètre",
|
||||
"loadingAdmins": "Chargement des administrateurs...",
|
||||
"errorLoadingAdmins": "Erreur lors du chargement des données administrateur",
|
||||
"errorLoadingUnits": "Erreur lors du chargement des unités",
|
||||
"retry": "Réessayer",
|
||||
"assignAdmin": "Assigner un administrateur",
|
||||
"addAdmin": "Ajouter un administrateur",
|
||||
@@ -1886,6 +1887,18 @@
|
||||
"selectApplicationToLoadPermissions": "Sélectionner une application pour charger ses autorisations",
|
||||
"copyPermissionsHint": "Choisissez un type de poste existant pour préremplir ses autorisations, puis modifiez ci-dessous.",
|
||||
"copyPermissionsFailed": "Échec de la copie des autorisations",
|
||||
"selectOrganizationToCopy": "Sélectionnez une organisation pour voir les types de poste que vous pouvez copier",
|
||||
"cannotClearAllPermissions": "Enregistré. Les autorisations n'ont pas été modifiées — ce type de poste doit conserver au moins une autorisation.",
|
||||
"permissionsSelected": "{{count}} sélectionné(s)",
|
||||
"positionTypeCreated": "Type de poste créé",
|
||||
"positionTypeUpdated": "Type de poste mis à jour",
|
||||
"positionTypeDeleted": "Type de poste supprimé",
|
||||
"positionTypeMigrated": "Migration du type de poste mise à jour",
|
||||
"positionTypeNotFound": "Type de poste introuvable",
|
||||
"permissionsAssignFailed": "Type de poste enregistré, mais l'attribution de ses autorisations a échoué. Rouvrez-le pour réessayer.",
|
||||
"failedToLoadPermissions": "Échec du chargement des autorisations",
|
||||
"failedToLoadPositionTypes": "Échec du chargement des types de poste",
|
||||
"exportFailed": "Échec de l'exportation des clés de type de poste",
|
||||
"perFailed": "Échec de la création de l’autorisation",
|
||||
"perSuccess": "Type d’autorisation créé et autorisations assignées",
|
||||
"updatePerSuccess": "Autorisation mise à jour avec succès",
|
||||
|
||||
@@ -56,6 +56,8 @@ import {
|
||||
humanize,
|
||||
} from "@/components/customers";
|
||||
import { KpiStrip, PageContainer, PageHeader } from "@/components/page";
|
||||
import { useAuth } from "@/auth/useAuth";
|
||||
import { FREIGHT_PERMS, hasPermission } from "@/lib/permissions";
|
||||
import {
|
||||
downloadBookingFile,
|
||||
fetchViewableFile,
|
||||
@@ -108,6 +110,7 @@ export default function CustomerDetailPage() {
|
||||
const { id } = useParams<{ id: string }>();
|
||||
const navigate = useNavigate();
|
||||
const { view, viewer } = useFileViewer();
|
||||
const { user } = useAuth();
|
||||
|
||||
const { data: company, isLoading } = useQuery(
|
||||
api.customers.getById.queryOptions({
|
||||
@@ -180,6 +183,11 @@ export default function CustomerDetailPage() {
|
||||
// API's rule exactly, so no button is offered that the server would reject.
|
||||
const stillOnboarding = company ? isOnboardingDraft(company) : false;
|
||||
const canReview = company ? hasSubmittedOnboarding(company) : true;
|
||||
// Workflow gate (above) AND authority: asking the customer to correct a
|
||||
// document is a `customers:verify` action, so a view-only reviewer reads the
|
||||
// documents but is not offered the request-change control.
|
||||
const canRequestDocChange =
|
||||
canReview && hasPermission(user, FREIGHT_PERMS.customers.verify);
|
||||
|
||||
/** Document the reviewer is asking the customer to correct; null = closed. */
|
||||
const [changeRequestDoc, setChangeRequestDoc] =
|
||||
@@ -446,7 +454,7 @@ export default function CustomerDetailPage() {
|
||||
>
|
||||
<Download size={16} />
|
||||
</ActionIcon>
|
||||
{canReview && (
|
||||
{canRequestDocChange && (
|
||||
<ActionIcon
|
||||
component="button"
|
||||
type="button"
|
||||
@@ -468,7 +476,7 @@ export default function CustomerDetailPage() {
|
||||
),
|
||||
},
|
||||
],
|
||||
[view, canReview],
|
||||
[view, canRequestDocChange],
|
||||
);
|
||||
|
||||
const paymentColumns: ColumnDef<CustomerPayment>[] = useMemo(
|
||||
|
||||
@@ -25,6 +25,8 @@ const FIELD_LABELS: Record<string, string> = {
|
||||
tradeDirection: "Direction",
|
||||
containerTypeId: "Container type",
|
||||
cargoTypeId: "Cargo type",
|
||||
originYardId: "Origin yard",
|
||||
destinationYardId: "Destination yard",
|
||||
};
|
||||
|
||||
const fmtDateTime = (iso: string) =>
|
||||
@@ -36,12 +38,20 @@ const fmtDateTime = (iso: string) =>
|
||||
hour12: false,
|
||||
});
|
||||
|
||||
const fmtValue = (field: string, value: unknown): string => {
|
||||
const fmtValue = (
|
||||
field: string,
|
||||
value: unknown,
|
||||
labels?: Record<string, string>,
|
||||
): string => {
|
||||
if (value === null || value === undefined || value === "") return "—";
|
||||
if (field === "rateValue") {
|
||||
const num = Number(value);
|
||||
return Number.isNaN(num) ? String(value) : num.toLocaleString();
|
||||
}
|
||||
// Yard ids are unreadable — an approver decides on the route, not a UUID.
|
||||
if (field === "originYardId" || field === "destinationYardId") {
|
||||
return labels?.[String(value)] ?? String(value);
|
||||
}
|
||||
return String(value).replace(/_/g, " ");
|
||||
};
|
||||
|
||||
@@ -77,6 +87,8 @@ interface RateApprovalsSectionProps {
|
||||
canDecide: boolean;
|
||||
approve: Decide;
|
||||
reject: Decide;
|
||||
/** yardId → label, so a re-routed rate reads as yards, not UUIDs. */
|
||||
yardLabels?: Record<string, string>;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -89,6 +101,7 @@ const RateApprovalsSection = ({
|
||||
canDecide,
|
||||
approve,
|
||||
reject,
|
||||
yardLabels,
|
||||
}: RateApprovalsSectionProps) => {
|
||||
const [openId, setOpenId] = useState<string | null>(null);
|
||||
const [notes, setNotes] = useState<Record<string, string>>({});
|
||||
@@ -212,11 +225,11 @@ const RateApprovalsSection = ({
|
||||
{FIELD_LABELS[field] ?? field}
|
||||
</Text>
|
||||
<Text size="sm" c="dimmed" td="line-through">
|
||||
{fmtValue(field, r.previousValues[field])}
|
||||
{fmtValue(field, r.previousValues[field], yardLabels)}
|
||||
</Text>
|
||||
<ArrowRight size={13} />
|
||||
<Text size="sm" fw={600}>
|
||||
{fmtValue(field, r.payload[field])}
|
||||
{fmtValue(field, r.payload[field], yardLabels)}
|
||||
</Text>
|
||||
</Group>
|
||||
))}
|
||||
|
||||
@@ -269,6 +269,10 @@ const RuleEngineResourcePage = () => {
|
||||
);
|
||||
const { data: yardOptions, isLoading: yardOptionsLoading } =
|
||||
useYardOptions(usesYardField);
|
||||
const yardLabelById = useMemo(
|
||||
() => Object.fromEntries((yardOptions ?? []).map((y) => [y.value, y.label])),
|
||||
[yardOptions],
|
||||
);
|
||||
const usesApprovalRoleField = Boolean(
|
||||
config?.formFields.some(
|
||||
(f) => f.name === "requiredRole" || f.name === "blocksRole",
|
||||
@@ -661,6 +665,7 @@ const RuleEngineResourcePage = () => {
|
||||
canDecide={canApproveRates}
|
||||
approve={rateChangeWorkflow.approve}
|
||||
reject={rateChangeWorkflow.reject}
|
||||
yardLabels={yardLabelById}
|
||||
/>
|
||||
) : null}
|
||||
|
||||
|
||||
@@ -171,12 +171,11 @@ const RATE_TRIGGERS = [
|
||||
value: "WITH_RETURN",
|
||||
},
|
||||
{ label: "Shipping line mapped", value: "SHIPPING_LINE" },
|
||||
{ label: "Consolidation", value: "CONSOLIDATION" },
|
||||
{ label: "Lashing (flat, per booking)", value: "LASHING" },
|
||||
{ label: "Penalty", value: "CONSOLIDATION" },
|
||||
{ label: "Lashing (bulk, per cargo type)", value: "LASHING" },
|
||||
{ label: "Cancellation", value: "CANCELLATION" },
|
||||
{ label: "Demurrage", value: "DEMURRAGE" },
|
||||
{ label: "Shipping line extra fee (PIL)", value: "PIL_EXTRA_FEE" },
|
||||
{ label: "Customs clearance service fee (prepaid)", value: "CUSTOMS_CLEARANCE" },
|
||||
{ label: "Customs clearance service fee (billed with the booking)", value: "CUSTOMS_CLEARANCE" },
|
||||
];
|
||||
|
||||
/**
|
||||
@@ -211,7 +210,11 @@ const unitOption = (value: string) => ({ label: value.replace(/_/g, " "), value
|
||||
* bill per container, bulk per ton, overweight always per excess ton, etc. Kept
|
||||
* in sync with apps/edr-freight-api/.../entities/rate-unit.util.ts.
|
||||
*/
|
||||
const allowedRateUnits = (appliesTo: string, trigger: string): string[] => {
|
||||
const allowedRateUnits = (
|
||||
appliesTo: string,
|
||||
trigger: string,
|
||||
cargoKind = "",
|
||||
): string[] => {
|
||||
if (appliesTo === "OTHER") {
|
||||
switch (trigger) {
|
||||
case "OVERWEIGHT":
|
||||
@@ -221,16 +224,18 @@ const allowedRateUnits = (appliesTo: string, trigger: string): string[] => {
|
||||
case "DEMURRAGE":
|
||||
return ["PER_CONTAINER", "PER_TON"];
|
||||
case "WITH_RETURN":
|
||||
// Container-only service — bills per returned container.
|
||||
return ["PER_CONTAINER", "FLAT"];
|
||||
// Container-only service — per returned container, per wagon, or flat.
|
||||
return ["PER_CONTAINER", "PER_WAGON", "FLAT"];
|
||||
case "CANCELLATION":
|
||||
return ["FLAT", "PER_INVOICE"];
|
||||
case "CUSTOMS_CLEARANCE":
|
||||
// Flat per clearance (ONE_TIME) / per shipment request (GENERAL).
|
||||
return ["FLAT"];
|
||||
// Per cargo kind: container fees per box/wagon, bulk per ton/wagon.
|
||||
return cargoKind === "BULK"
|
||||
? ["PER_TON", "PER_WAGON"]
|
||||
: ["PER_CONTAINER", "PER_WAGON"];
|
||||
case "LASHING":
|
||||
// Flat cargo-securing fee, billed once per booking.
|
||||
return ["FLAT"];
|
||||
// Bulk-only cargo securing — per ton or per wagon.
|
||||
return ["PER_TON", "PER_WAGON"];
|
||||
case "CONSOLIDATION":
|
||||
case "SHIPPING_LINE":
|
||||
case "PIL_EXTRA_FEE":
|
||||
@@ -258,7 +263,11 @@ const rateUnitOptions = (values: Record<string, unknown>) => {
|
||||
const appliesTo = String(values.appliesTo ?? "");
|
||||
const trigger = appliesTo === "OTHER" ? String(values.trigger ?? "") : "ALWAYS";
|
||||
if (!appliesTo) return [];
|
||||
return allowedRateUnits(appliesTo, trigger).map(unitOption);
|
||||
return allowedRateUnits(
|
||||
appliesTo,
|
||||
trigger,
|
||||
String(values.cargoKind ?? ""),
|
||||
).map(unitOption);
|
||||
};
|
||||
|
||||
const CURRENCIES = [
|
||||
@@ -659,7 +668,7 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
|
||||
filters: {
|
||||
appliesTo: "OTHER",
|
||||
trigger:
|
||||
"HAZARDOUS,OVERWEIGHT,REEFER,SHIPPING_LINE,CONSOLIDATION,LASHING,CANCELLATION,DEMURRAGE,PIL_EXTRA_FEE",
|
||||
"HAZARDOUS,OVERWEIGHT,REEFER,SHIPPING_LINE,CONSOLIDATION,LASHING,CANCELLATION,PIL_EXTRA_FEE",
|
||||
},
|
||||
},
|
||||
],
|
||||
@@ -715,7 +724,64 @@ export const RULE_ENGINE_RESOURCES: RuleEngineResourceConfig[] = [
|
||||
showIf: (v) =>
|
||||
["BULK", "CONTAINER"].includes(String(v.appliesTo ?? "")) ||
|
||||
(String(v.appliesTo ?? "") === "OTHER" &&
|
||||
["CUSTOMS_CLEARANCE", "WITH_RETURN"].includes(String(v.trigger ?? ""))),
|
||||
["CUSTOMS_CLEARANCE", "WITH_RETURN", "LASHING"].includes(
|
||||
String(v.trigger ?? ""),
|
||||
)),
|
||||
},
|
||||
// ── Cargo kind — customs clearance is priced separately for containers
|
||||
// (one rate per container type) and bulk ───────────────────────────────
|
||||
{
|
||||
name: "cargoKind",
|
||||
label: "Cargo kind",
|
||||
type: "select",
|
||||
required: true,
|
||||
options: INTERCITY_KINDS,
|
||||
placeholder: "Is this fee for containers or bulk?",
|
||||
description:
|
||||
"Container fees bill per box or wagon (one rate per container type); bulk fees bill per ton or wagon.",
|
||||
showIf: (v) =>
|
||||
v.appliesTo === "OTHER" && v.trigger === "CUSTOMS_CLEARANCE",
|
||||
// Not a stored column: a container fee carries its containerTypeId, a
|
||||
// bulk fee carries none.
|
||||
getInitialValue: (record) =>
|
||||
record.containerTypeId ? "CONTAINER" : "BULK",
|
||||
},
|
||||
// ── Container type — a container fee names the type it covers ─────────
|
||||
{
|
||||
name: "containerTypeId",
|
||||
label: "Container type",
|
||||
type: "select",
|
||||
required: true,
|
||||
placeholder: "Which container type this fee covers",
|
||||
showIf: (v) =>
|
||||
v.appliesTo === "OTHER" &&
|
||||
v.trigger === "CUSTOMS_CLEARANCE" &&
|
||||
v.cargoKind === "CONTAINER",
|
||||
},
|
||||
// ── Bulk cargo type — the bulk customs fee names its commodity ────────
|
||||
{
|
||||
name: "cargoTypeId",
|
||||
label: "Bulk cargo type",
|
||||
type: "select",
|
||||
required: true,
|
||||
placeholder: "Which bulk commodity this fee covers",
|
||||
showIf: (v) =>
|
||||
v.appliesTo === "OTHER" &&
|
||||
v.trigger === "CUSTOMS_CLEARANCE" &&
|
||||
v.cargoKind === "BULK",
|
||||
},
|
||||
// ── Bulk cargo type — lashing is bulk-only; may narrow to one leaf
|
||||
// commodity (specific wins over the commodity-wide catch-all) ──────────
|
||||
{
|
||||
name: "cargoTypeId",
|
||||
label: "Bulk cargo type",
|
||||
type: "select",
|
||||
optional: true,
|
||||
placeholder: "All lashing commodities (optional)",
|
||||
description:
|
||||
"Leave empty to cover every lashing commodity; a commodity-specific rate wins over the catch-all.",
|
||||
showIf: (v) =>
|
||||
v.appliesTo === "OTHER" && v.trigger === "LASHING",
|
||||
},
|
||||
// ── Cargo kind — Intercity only (import/export get it from appliesTo) ─
|
||||
{
|
||||
|
||||
@@ -28,7 +28,6 @@ export const BOOKING_STATUSES = [
|
||||
"CONTRACT_ACTIVE",
|
||||
"CONTRACT_CLOSED",
|
||||
// Post counter-sign document-clearance gate.
|
||||
"AWAITING_CLEARANCE_PAYMENT",
|
||||
"AWAITING_DOCUMENTS",
|
||||
"DOCUMENTS_UNDER_REVIEW",
|
||||
"CLEARANCE_READY",
|
||||
|
||||
@@ -1,94 +0,0 @@
|
||||
import { useState } from "react";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import {
|
||||
AlertDialog,
|
||||
AlertDialogTrigger,
|
||||
AlertDialogContent,
|
||||
AlertDialogHeader,
|
||||
AlertDialogFooter,
|
||||
AlertDialogTitle,
|
||||
AlertDialogDescription,
|
||||
AlertDialogCancel,
|
||||
AlertDialogAction,
|
||||
} from "@/shared/common/ui/alert-dialog";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import { PositionTypeDto } from "@/user-management/dto/positions/positionType";
|
||||
import { t } from "i18next";
|
||||
|
||||
type ActionsColumnProps = {
|
||||
row: PositionTypeDto;
|
||||
};
|
||||
|
||||
const ActionsColumn: React.FC<ActionsColumnProps> = ({ row }) => {
|
||||
const navigate = useNavigate();
|
||||
const [openDialog, setOpenDialog] = useState(false);
|
||||
const [deletingId, setDeletingId] = useState<string | null>(null);
|
||||
|
||||
const { deletePositionType } = usePositionTypes({ id: "" });
|
||||
|
||||
const handleDeleteClick = (id: string) => {
|
||||
setDeletingId(id);
|
||||
setOpenDialog(true);
|
||||
};
|
||||
|
||||
const handleDeleteConfirm = async () => {
|
||||
if (!deletingId) return;
|
||||
await deletePositionType.mutateAsync(deletingId);
|
||||
setOpenDialog(false);
|
||||
setDeletingId(null);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={() =>
|
||||
navigate(`/user-management/position-management/edit/${row.id}`)
|
||||
}
|
||||
>
|
||||
{t("common.Edit")}
|
||||
</Button>
|
||||
|
||||
<AlertDialog open={openDialog} onOpenChange={setOpenDialog}>
|
||||
<AlertDialogTrigger asChild>
|
||||
<Button
|
||||
variant="destructive"
|
||||
onClick={() => handleDeleteClick(row.id)}
|
||||
>
|
||||
{t("userRecord.Delete")}
|
||||
</Button>
|
||||
</AlertDialogTrigger>
|
||||
|
||||
<AlertDialogContent>
|
||||
<AlertDialogHeader>
|
||||
<AlertDialogTitle>{t("contentManagement.delMsg")}</AlertDialogTitle>
|
||||
<AlertDialogDescription>
|
||||
{t("contentManagement.delMsg2")}
|
||||
</AlertDialogDescription>
|
||||
</AlertDialogHeader>
|
||||
<AlertDialogFooter>
|
||||
<AlertDialogCancel
|
||||
onClick={() => {
|
||||
setOpenDialog(false);
|
||||
setDeletingId(null);
|
||||
}}
|
||||
>
|
||||
{t("common.Cancel")}
|
||||
</AlertDialogCancel>
|
||||
<AlertDialogAction
|
||||
onClick={handleDeleteConfirm}
|
||||
disabled={deletePositionType.isPending}
|
||||
>
|
||||
{deletePositionType.isPending
|
||||
? t("organization.deleting")
|
||||
: t("organization.delete")}
|
||||
</AlertDialogAction>
|
||||
</AlertDialogFooter>
|
||||
</AlertDialogContent>
|
||||
</AlertDialog>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ActionsColumn;
|
||||
@@ -1,455 +1,529 @@
|
||||
import { useForm } from "react-hook-form";
|
||||
import { z } from "zod";
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import {
|
||||
Form,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormControl,
|
||||
FormMessage,
|
||||
} from "@/shared/common/ui/form";
|
||||
import { toast } from "sonner";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import { positionTypePermissionService } from "@/user-management/services/api/positionTypePermissionService";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { t } from "i18next";
|
||||
import { useAuth } from "@/shared/context/AuthContext";
|
||||
import { useUnit } from "@/user-management/hooks/useUnit";
|
||||
import { useEffect, useMemo, useRef, useState } from "react";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/shared/common/ui/select";
|
||||
import { SingleSelect } from "@/shared/common/ui/single-select";
|
||||
import { UnitDto } from "@/user-management/dto/unit/unitDto";
|
||||
import { PositionTypeDto } from "@/user-management/dto/positions/positionType";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { useOrganizations } from "@/super-admin/hooks/useOrganizations";
|
||||
import { OrganizationDto } from "@/shared/dto/organization/organizationDto";
|
||||
import i18n from "@/i18n";
|
||||
import { PermissionSearch } from "./PermissionSearch";
|
||||
import { useApplications } from "@/user-management/hooks/useApplications";
|
||||
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
|
||||
const formSchema = z.object({
|
||||
nameAm: z.string().min(2),
|
||||
nameEn: z.string().min(2),
|
||||
permissions: z.array(z.string()),
|
||||
});
|
||||
|
||||
type FormValues = z.infer<typeof formSchema>;
|
||||
|
||||
export interface CreatePositionFormProps {
|
||||
mode?: "create" | "edit";
|
||||
positionTypeId?: string;
|
||||
initialValues?: {
|
||||
nameAm: string;
|
||||
nameEn: string;
|
||||
unitId: string;
|
||||
key?: string;
|
||||
};
|
||||
onSuccess?: () => void;
|
||||
onCancel?: () => void;
|
||||
}
|
||||
|
||||
export const CreatePositionForm = ({
|
||||
mode = "create",
|
||||
positionTypeId,
|
||||
initialValues,
|
||||
onSuccess,
|
||||
onCancel,
|
||||
}: CreatePositionFormProps = {}) => {
|
||||
const navigate = useNavigate();
|
||||
const {
|
||||
createPositionType,
|
||||
updatePositionType,
|
||||
positionTypes,
|
||||
isLoading: isLoadingPositionTypes,
|
||||
} = usePositionTypes();
|
||||
const { user } = useAuth();
|
||||
const { getList, getById } = useUnit();
|
||||
const localizedName = useLocalizedName();
|
||||
const userOrganizationId =
|
||||
user?.employee && user.employee.length > 0
|
||||
? user.employee[0].organizationId
|
||||
: undefined;
|
||||
const [selectedOrganizationId, setSelectedOrganizationId] = useState<string>(
|
||||
userOrganizationId ?? "",
|
||||
);
|
||||
const [selectedUnitId, setSelectedUnitId] = useState<string>(
|
||||
initialValues?.unitId ?? "",
|
||||
);
|
||||
const [selectedApplicationId, setSelectedApplicationId] =
|
||||
useState<string>("");
|
||||
const [copyFromPositionId, setCopyFromPositionId] = useState<string>("");
|
||||
const [isCopying, setIsCopying] = useState(false);
|
||||
const [isLoadingEditData, setIsLoadingEditData] = useState(mode === "edit");
|
||||
const hasLoadedEditData = useRef(false);
|
||||
const lang = i18n.language;
|
||||
const { applications, isLoading: isLoadingApplications } = useApplications();
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
const { organizationsResponse, isLoading: isLoadingOrgs } = useOrganizations(
|
||||
"Org",
|
||||
{ take: 3000 },
|
||||
);
|
||||
|
||||
const { data: unitsResponse, isLoading: isLoadingUnits } = getList(
|
||||
selectedOrganizationId,
|
||||
{ take: 3000, skip: 0 },
|
||||
);
|
||||
|
||||
const organizationOptions = useMemo(
|
||||
() =>
|
||||
(organizationsResponse?.items ?? []).map((org: OrganizationDto) => ({
|
||||
value: org.id,
|
||||
label: localizedName(org.name) || org.id,
|
||||
})),
|
||||
[organizationsResponse, localizedName],
|
||||
);
|
||||
|
||||
const unitOptions = useMemo(
|
||||
() =>
|
||||
(unitsResponse?.data?.items ?? []).map((unit: UnitDto) => ({
|
||||
value: unit.id,
|
||||
label: localizedName(unit.name) || unit.id,
|
||||
})),
|
||||
[unitsResponse, localizedName],
|
||||
);
|
||||
|
||||
const {
|
||||
data: editUnitResponse,
|
||||
isSuccess: isUnitSuccess,
|
||||
isError: isUnitError,
|
||||
} = getById(initialValues?.unitId ?? "");
|
||||
|
||||
const {
|
||||
data: permissionsResponse,
|
||||
isSuccess: isPermissionsSuccess,
|
||||
isError: isPermissionsError,
|
||||
} = useQuery({
|
||||
queryKey: ["position-type-permissions", positionTypeId],
|
||||
queryFn: () =>
|
||||
positionTypePermissionService.getPermissionsByPositionTypeId(
|
||||
positionTypeId!,
|
||||
),
|
||||
enabled: mode === "edit" && !!positionTypeId,
|
||||
});
|
||||
// Reset the selected unit when the organization changes so a unit from a
|
||||
// different org can't be submitted by mistake.
|
||||
useEffect(() => {
|
||||
if (mode === "edit") return;
|
||||
setSelectedUnitId("");
|
||||
}, [selectedOrganizationId, mode]);
|
||||
|
||||
const form = useForm<FormValues>({
|
||||
resolver: zodResolver(formSchema),
|
||||
defaultValues: {
|
||||
nameAm: initialValues?.nameAm ?? "",
|
||||
nameEn: initialValues?.nameEn ?? "",
|
||||
permissions: [],
|
||||
},
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
if (mode !== "edit" || !initialValues || !positionTypeId) return;
|
||||
if (hasLoadedEditData.current) return;
|
||||
|
||||
const isUnitDone = !initialValues.unitId || isUnitSuccess || isUnitError;
|
||||
const isPermissionsDone = isPermissionsSuccess || isPermissionsError;
|
||||
|
||||
if (isUnitDone && isPermissionsDone) {
|
||||
hasLoadedEditData.current = true;
|
||||
|
||||
const unit = editUnitResponse?.data;
|
||||
if (unit) {
|
||||
setSelectedOrganizationId(unit.organizationId);
|
||||
setSelectedUnitId(unit.id);
|
||||
} else if (initialValues.unitId) {
|
||||
setSelectedUnitId(initialValues.unitId);
|
||||
}
|
||||
|
||||
const ids = permissionsResponse?.data?.items?.map((p) => p.id) ?? [];
|
||||
form.reset({
|
||||
nameAm: initialValues.nameAm,
|
||||
nameEn: initialValues.nameEn,
|
||||
permissions: ids,
|
||||
});
|
||||
|
||||
setIsLoadingEditData(false);
|
||||
}
|
||||
}, [
|
||||
mode,
|
||||
initialValues,
|
||||
positionTypeId,
|
||||
isUnitSuccess,
|
||||
isUnitError,
|
||||
isPermissionsSuccess,
|
||||
isPermissionsError,
|
||||
editUnitResponse,
|
||||
permissionsResponse,
|
||||
form,
|
||||
]);
|
||||
|
||||
const handlePermissionChange = (permissionId: string, checked: boolean) => {
|
||||
const currentPermissions = form.getValues("permissions");
|
||||
if (checked) {
|
||||
form.setValue("permissions", [...currentPermissions, permissionId]);
|
||||
} else {
|
||||
form.setValue(
|
||||
"permissions",
|
||||
currentPermissions.filter((id) => id !== permissionId),
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
const handleCopyFrom = async (positionTypeId: string) => {
|
||||
setCopyFromPositionId(positionTypeId);
|
||||
if (!positionTypeId) {
|
||||
form.setValue("permissions", []);
|
||||
return;
|
||||
}
|
||||
setIsCopying(true);
|
||||
try {
|
||||
const response =
|
||||
await positionTypePermissionService.getPermissionsByPositionTypeId(
|
||||
positionTypeId,
|
||||
);
|
||||
const ids = response.data.items?.map((p) => p.id) ?? [];
|
||||
form.setValue("permissions", ids);
|
||||
} catch {
|
||||
toast.error(t("contentManagement.copyPermissionsFailed"));
|
||||
} finally {
|
||||
setIsCopying(false);
|
||||
}
|
||||
};
|
||||
|
||||
const onSubmit = async (values: FormValues) => {
|
||||
try {
|
||||
if (!selectedUnitId) {
|
||||
toast.error(t("organization.selectUnit"));
|
||||
return;
|
||||
}
|
||||
|
||||
const payload = {
|
||||
name: {
|
||||
am: values.nameAm,
|
||||
en: values.nameEn,
|
||||
},
|
||||
key: values.nameEn.toLowerCase().replace(/\s+/g, "-"),
|
||||
unitId: selectedUnitId,
|
||||
};
|
||||
|
||||
let targetId = positionTypeId;
|
||||
|
||||
if (mode === "edit" && positionTypeId) {
|
||||
await updatePositionType.mutateAsync({
|
||||
id: positionTypeId,
|
||||
data: payload,
|
||||
});
|
||||
} else {
|
||||
const response = await createPositionType.mutateAsync(payload);
|
||||
targetId = response.data.id;
|
||||
}
|
||||
|
||||
if (targetId && values.permissions.length > 0) {
|
||||
await positionTypePermissionService.assignPermissionsToPositionType({
|
||||
firstId: targetId,
|
||||
secondIds: values.permissions,
|
||||
});
|
||||
}
|
||||
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: ["position-type"],
|
||||
});
|
||||
queryClient.invalidateQueries({ queryKey: ["position-types"] });
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: ["position-type-permissions"],
|
||||
});
|
||||
toast.success(t("contentManagement.permissionSuccess"));
|
||||
|
||||
if (onSuccess) {
|
||||
onSuccess();
|
||||
} else {
|
||||
navigate("/user-management/position-management");
|
||||
}
|
||||
} catch {
|
||||
toast.error(t("contentManagement.permissionFailed"));
|
||||
}
|
||||
};
|
||||
|
||||
if (isLoadingEditData) {
|
||||
return (
|
||||
<div className="py-8 text-center text-muted-foreground">
|
||||
{t("common.loading")}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Form {...form}>
|
||||
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="nameEn"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("contentManagement.englishName")}</FormLabel>
|
||||
<FormControl>
|
||||
<Input {...field} placeholder="e.g. HR Coordinator" />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="nameAm"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("contentManagement.amharicName")}</FormLabel>
|
||||
<FormControl>
|
||||
<Input {...field} placeholder="e.g. ሰብል አያት" />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* ✅ Organization (searchable, all orgs) */}
|
||||
<div className="mb-4 w-full">
|
||||
<label className="block text-sm font-medium text-gray-700 mb-1">
|
||||
{t("organization.organization") || "Organization"}
|
||||
</label>
|
||||
<SingleSelect
|
||||
options={organizationOptions}
|
||||
value={selectedOrganizationId}
|
||||
onValueChange={setSelectedOrganizationId}
|
||||
placeholder={
|
||||
isLoadingOrgs
|
||||
? t("common.loading")
|
||||
: t("organization.selectOrganization") ||
|
||||
"Select an organization"
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* ✅ Unit Selector — searchable, scoped to picked org */}
|
||||
<div className="mb-4 w-full">
|
||||
<label className="block text-sm font-medium text-gray-700 mb-1">
|
||||
{t("organization.selectUnit")}
|
||||
</label>
|
||||
<SingleSelect
|
||||
options={unitOptions}
|
||||
value={selectedUnitId}
|
||||
onValueChange={setSelectedUnitId}
|
||||
placeholder={
|
||||
!selectedOrganizationId
|
||||
? t("organization.selectOrganizationFirst") ||
|
||||
"Select an organization first"
|
||||
: isLoadingUnits
|
||||
? t("common.loading")
|
||||
: t("organization.selectUnit")
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="mb-4 w-1/2">
|
||||
<label className="block text-sm font-medium text-gray-700">
|
||||
{t("contentManagement.selectApplication")}
|
||||
</label>
|
||||
<Select
|
||||
value={selectedApplicationId}
|
||||
onValueChange={(value) => setSelectedApplicationId(value)}
|
||||
disabled={isLoadingApplications}>
|
||||
<SelectTrigger className="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
||||
<SelectValue placeholder="Select an Application" />
|
||||
</SelectTrigger>
|
||||
<SelectContent className="max-h-60 overflow-y-auto">
|
||||
{applications?.map((app) => (
|
||||
<SelectItem key={app.id} value={app.id}>
|
||||
{lang === "en" ? app.name.en : app.name.am}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<label className="block text-sm font-medium text-gray-700">
|
||||
{t("contentManagement.copyPermissionsFrom")}
|
||||
</label>
|
||||
<Select
|
||||
value={copyFromPositionId}
|
||||
onValueChange={handleCopyFrom}
|
||||
disabled={isLoadingPositionTypes || isCopying}>
|
||||
<SelectTrigger className="w-full">
|
||||
<SelectValue
|
||||
placeholder={
|
||||
isCopying
|
||||
? t("common.loading")
|
||||
: t("contentManagement.selectPositionToCopy")
|
||||
}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
<SelectContent className="max-h-60 overflow-y-auto">
|
||||
{positionTypes.map((p: PositionTypeDto) => (
|
||||
<SelectItem key={p.id} value={p.id}>
|
||||
{localizedName(p.name)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
{t("contentManagement.copyPermissionsHint")}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="permissions"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("contentManagement.permission")}</FormLabel>
|
||||
<PermissionSearch
|
||||
selectedPermissions={field.value}
|
||||
onPermissionChange={handlePermissionChange}
|
||||
applicationId={selectedApplicationId}
|
||||
/>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<div className="flex justify-end gap-4">
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
onClick={() => {
|
||||
if (onCancel) {
|
||||
onCancel();
|
||||
} else {
|
||||
window.history.back();
|
||||
}
|
||||
}}>
|
||||
{t("common.Cancel")}
|
||||
</Button>
|
||||
<Button
|
||||
type="submit"
|
||||
disabled={
|
||||
createPositionType.isPending || updatePositionType.isPending
|
||||
}>
|
||||
{mode === "edit" ? t("delegation.update") : t("delegation.save")}
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
</Form>
|
||||
);
|
||||
};
|
||||
import { useForm } from "react-hook-form";
|
||||
import { z } from "zod";
|
||||
import { zodResolver } from "@hookform/resolvers/zod";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import {
|
||||
Form,
|
||||
FormField,
|
||||
FormItem,
|
||||
FormLabel,
|
||||
FormControl,
|
||||
FormMessage,
|
||||
} from "@/shared/common/ui/form";
|
||||
import { toast } from "sonner";
|
||||
import {
|
||||
invalidatePositionTypeQueries,
|
||||
usePositionTypes,
|
||||
} from "@/user-management/hooks/usePositionTypes";
|
||||
import { positionTypePermissionService } from "@/user-management/services/api/positionTypePermissionService";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { useAuth } from "@/shared/context/AuthContext";
|
||||
import { useUnit } from "@/user-management/hooks/useUnit";
|
||||
import { useEffect, useMemo, useRef, useState } from "react";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/shared/common/ui/select";
|
||||
import { SingleSelect } from "@/shared/common/ui/single-select";
|
||||
import { UnitDto } from "@/user-management/dto/unit/unitDto";
|
||||
import { PositionTypeDto } from "@/user-management/dto/positions/positionType";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { useOrganizations } from "@/super-admin/hooks/useOrganizations";
|
||||
import { OrganizationDto } from "@/shared/dto/organization/organizationDto";
|
||||
import { useErrorHandler } from "@/shared/hooks/useErrorHandler";
|
||||
import { PermissionSearch } from "./PermissionSearch";
|
||||
import { useApplications } from "@/user-management/hooks/useApplications";
|
||||
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
|
||||
export interface CreatePositionFormProps {
|
||||
mode?: "create" | "edit";
|
||||
positionTypeId?: string;
|
||||
initialValues?: {
|
||||
nameAm: string;
|
||||
nameEn: string;
|
||||
unitId: string;
|
||||
key?: string;
|
||||
};
|
||||
onSuccess?: () => void;
|
||||
onCancel?: () => void;
|
||||
}
|
||||
|
||||
export const CreatePositionForm = ({
|
||||
mode = "create",
|
||||
positionTypeId,
|
||||
initialValues,
|
||||
onSuccess,
|
||||
onCancel,
|
||||
}: CreatePositionFormProps = {}) => {
|
||||
const navigate = useNavigate();
|
||||
const { t } = useTranslation();
|
||||
const { handleError } = useErrorHandler(t);
|
||||
const {
|
||||
createPositionType,
|
||||
updatePositionType,
|
||||
positionTypes,
|
||||
isLoading: isLoadingPositionTypes,
|
||||
isError: isErrorPositionTypes,
|
||||
} = usePositionTypes();
|
||||
const { user } = useAuth();
|
||||
const { getList, getById } = useUnit();
|
||||
const localizedName = useLocalizedName();
|
||||
const userOrganizationId =
|
||||
user?.employee && user.employee.length > 0
|
||||
? user.employee[0].organizationId
|
||||
: undefined;
|
||||
const [selectedApplicationId, setSelectedApplicationId] =
|
||||
useState<string>("");
|
||||
const [copyFromPositionId, setCopyFromPositionId] = useState<string>("");
|
||||
const [isCopying, setIsCopying] = useState(false);
|
||||
const [isLoadingEditData, setIsLoadingEditData] = useState(mode === "edit");
|
||||
const hasLoadedEditData = useRef(false);
|
||||
// Permissions the position type had when the form opened. Needed because the
|
||||
// API cannot represent "no permissions" (see onSubmit).
|
||||
const loadedPermissionCount = useRef(0);
|
||||
const { applications, isLoading: isLoadingApplications } = useApplications();
|
||||
const queryClient = useQueryClient();
|
||||
|
||||
const formSchema = useMemo(
|
||||
() =>
|
||||
z.object({
|
||||
nameEn: z.string().trim().min(2, t("organization.englishNameRequired")),
|
||||
nameAm: z.string().trim().min(2, t("organization.amharicNameRequired")),
|
||||
organizationId: z.string().min(1, t("organization.organizationRequired")),
|
||||
unitId: z.string().min(1, t("contentManagement.unitRequired")),
|
||||
permissions: z.array(z.string()),
|
||||
}),
|
||||
[t],
|
||||
);
|
||||
|
||||
type FormValues = z.infer<typeof formSchema>;
|
||||
|
||||
const form = useForm<FormValues>({
|
||||
resolver: zodResolver(formSchema),
|
||||
defaultValues: {
|
||||
nameAm: initialValues?.nameAm ?? "",
|
||||
nameEn: initialValues?.nameEn ?? "",
|
||||
organizationId: userOrganizationId ?? "",
|
||||
unitId: initialValues?.unitId ?? "",
|
||||
permissions: [],
|
||||
},
|
||||
});
|
||||
|
||||
const selectedOrganizationId = form.watch("organizationId");
|
||||
|
||||
const { organizationsResponse, isLoading: isLoadingOrgs } = useOrganizations(
|
||||
"Org",
|
||||
{ take: 3000 },
|
||||
);
|
||||
|
||||
const { data: unitsResponse, isLoading: isLoadingUnits } = getList(
|
||||
selectedOrganizationId,
|
||||
{ take: 3000, skip: 0 },
|
||||
);
|
||||
|
||||
const organizationOptions = useMemo(
|
||||
() =>
|
||||
(organizationsResponse?.items ?? []).map((org: OrganizationDto) => ({
|
||||
value: org.id,
|
||||
label: localizedName(org.name) || org.id,
|
||||
})),
|
||||
[organizationsResponse, localizedName],
|
||||
);
|
||||
|
||||
const unitOptions = useMemo(
|
||||
() =>
|
||||
(unitsResponse?.data?.items ?? []).map((unit: UnitDto) => ({
|
||||
value: unit.id,
|
||||
label: localizedName(unit.name) || unit.id,
|
||||
})),
|
||||
[unitsResponse, localizedName],
|
||||
);
|
||||
|
||||
const {
|
||||
data: editUnitResponse,
|
||||
isSuccess: isUnitSuccess,
|
||||
isError: isUnitError,
|
||||
} = getById(initialValues?.unitId ?? "");
|
||||
|
||||
const {
|
||||
data: permissionsResponse,
|
||||
isSuccess: isPermissionsSuccess,
|
||||
isError: isPermissionsError,
|
||||
} = useQuery({
|
||||
queryKey: ["position-type-permissions", positionTypeId],
|
||||
queryFn: () =>
|
||||
positionTypePermissionService.getPermissionsByPositionTypeId(
|
||||
positionTypeId!,
|
||||
),
|
||||
enabled: mode === "edit" && !!positionTypeId,
|
||||
});
|
||||
|
||||
// A position type belongs to a unit, and a unit to an organization — IAM has
|
||||
// no organizationId on the type itself and no organization-scoped route, so
|
||||
// the picked org narrows the list through its units. isSystem types are the
|
||||
// shared "commons" and stay available to every organization.
|
||||
const orgUnitIds = useMemo(
|
||||
() =>
|
||||
new Set(
|
||||
(unitsResponse?.data?.items ?? []).map((unit: UnitDto) => unit.id),
|
||||
),
|
||||
[unitsResponse],
|
||||
);
|
||||
|
||||
const copyFromOptions = useMemo(() => {
|
||||
if (!selectedOrganizationId) return [];
|
||||
return positionTypes.filter(
|
||||
(type: PositionTypeDto) =>
|
||||
type.id !== positionTypeId &&
|
||||
(type.isSystem || (!!type.unitId && orgUnitIds.has(type.unitId))),
|
||||
);
|
||||
}, [positionTypes, orgUnitIds, selectedOrganizationId, positionTypeId]);
|
||||
|
||||
// Reset the selected unit when the organization changes so a unit from a
|
||||
// different org can't be submitted by mistake. The copy source is cleared
|
||||
// too — it is scoped to the old organization.
|
||||
useEffect(() => {
|
||||
if (mode === "edit") return;
|
||||
form.setValue("unitId", "");
|
||||
setCopyFromPositionId("");
|
||||
}, [selectedOrganizationId, mode, form]);
|
||||
|
||||
useEffect(() => {
|
||||
if (mode !== "edit" || !initialValues || !positionTypeId) return;
|
||||
if (hasLoadedEditData.current) return;
|
||||
|
||||
const isUnitDone = !initialValues.unitId || isUnitSuccess || isUnitError;
|
||||
const isPermissionsDone = isPermissionsSuccess || isPermissionsError;
|
||||
|
||||
if (isUnitDone && isPermissionsDone) {
|
||||
hasLoadedEditData.current = true;
|
||||
|
||||
const unit = editUnitResponse?.data;
|
||||
const ids = permissionsResponse?.data?.items?.map((p) => p.id) ?? [];
|
||||
loadedPermissionCount.current = ids.length;
|
||||
|
||||
form.reset({
|
||||
nameAm: initialValues.nameAm,
|
||||
nameEn: initialValues.nameEn,
|
||||
organizationId: unit?.organizationId ?? userOrganizationId ?? "",
|
||||
unitId: unit?.id ?? initialValues.unitId ?? "",
|
||||
permissions: ids,
|
||||
});
|
||||
|
||||
setIsLoadingEditData(false);
|
||||
}
|
||||
}, [
|
||||
mode,
|
||||
initialValues,
|
||||
positionTypeId,
|
||||
isUnitSuccess,
|
||||
isUnitError,
|
||||
isPermissionsSuccess,
|
||||
isPermissionsError,
|
||||
editUnitResponse,
|
||||
permissionsResponse,
|
||||
userOrganizationId,
|
||||
form,
|
||||
]);
|
||||
|
||||
const handlePermissionChange = (permissionId: string, checked: boolean) => {
|
||||
const currentPermissions = form.getValues("permissions");
|
||||
form.setValue(
|
||||
"permissions",
|
||||
checked
|
||||
? [...currentPermissions, permissionId]
|
||||
: currentPermissions.filter((id) => id !== permissionId),
|
||||
);
|
||||
};
|
||||
|
||||
const handleCopyFrom = async (sourcePositionTypeId: string) => {
|
||||
setCopyFromPositionId(sourcePositionTypeId);
|
||||
setIsCopying(true);
|
||||
try {
|
||||
const response =
|
||||
await positionTypePermissionService.getPermissionsByPositionTypeId(
|
||||
sourcePositionTypeId,
|
||||
);
|
||||
const ids = response.data.items?.map((p) => p.id) ?? [];
|
||||
form.setValue("permissions", ids);
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
toast.error(t("contentManagement.copyPermissionsFailed"));
|
||||
} finally {
|
||||
setIsCopying(false);
|
||||
}
|
||||
};
|
||||
|
||||
const onSubmit = async (values: FormValues) => {
|
||||
const payload = {
|
||||
name: { am: values.nameAm, en: values.nameEn },
|
||||
key: values.nameEn.toLowerCase().replace(/\s+/g, "-"),
|
||||
unitId: values.unitId,
|
||||
};
|
||||
|
||||
// Save the position type first. If this fails nothing else runs, and the
|
||||
// mutation's own onError surfaces the reason (403 for built-in types,
|
||||
// conflict on the globally-unique key, ...).
|
||||
let targetId = positionTypeId;
|
||||
try {
|
||||
if (mode === "edit" && positionTypeId) {
|
||||
await updatePositionType.mutateAsync({
|
||||
id: positionTypeId,
|
||||
data: payload,
|
||||
});
|
||||
} else {
|
||||
const response = await createPositionType.mutateAsync(payload);
|
||||
targetId = response.data.id;
|
||||
}
|
||||
} catch {
|
||||
return; // already reported by the mutation's onError
|
||||
}
|
||||
|
||||
// assign-seconds-for-first replaces the whole set, but an empty secondIds
|
||||
// fails server-side — so "unassign everything" is not expressible. Keep the
|
||||
// save and tell the user their permissions were left alone.
|
||||
const mustClearAll =
|
||||
values.permissions.length === 0 && loadedPermissionCount.current > 0;
|
||||
|
||||
if (targetId && values.permissions.length > 0) {
|
||||
try {
|
||||
await positionTypePermissionService.assignPermissionsToPositionType({
|
||||
firstId: targetId,
|
||||
secondIds: values.permissions,
|
||||
});
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
invalidatePositionTypeQueries(queryClient);
|
||||
toast.error(t("contentManagement.permissionsAssignFailed"));
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
invalidatePositionTypeQueries(queryClient);
|
||||
queryClient.invalidateQueries({ queryKey: ["position-type-permissions"] });
|
||||
|
||||
if (mustClearAll) {
|
||||
toast.warning(t("contentManagement.cannotClearAllPermissions"));
|
||||
} else {
|
||||
toast.success(t("contentManagement.permissionSuccess"));
|
||||
}
|
||||
|
||||
if (onSuccess) {
|
||||
onSuccess();
|
||||
} else {
|
||||
navigate("/user-management/position-management");
|
||||
}
|
||||
};
|
||||
|
||||
if (isLoadingEditData) {
|
||||
return (
|
||||
<div className="py-8 text-center text-muted-foreground">
|
||||
{t("common.loading")}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const selectedPermissionCount = form.watch("permissions").length;
|
||||
// form.formState.isSubmitting stays true for the whole async handler, so it
|
||||
// also covers the permission-assignment call that follows the save.
|
||||
const isBusy = form.formState.isSubmitting || isCopying;
|
||||
|
||||
const copyFromPlaceholder = !selectedOrganizationId
|
||||
? t("contentManagement.selectOrganizationToCopy")
|
||||
: isCopying || isLoadingPositionTypes || isLoadingUnits
|
||||
? t("common.loading")
|
||||
: isErrorPositionTypes
|
||||
? t("contentManagement.failedToLoadPositionTypes")
|
||||
: t("contentManagement.selectPositionToCopy");
|
||||
|
||||
return (
|
||||
<Form {...form}>
|
||||
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="nameEn"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("contentManagement.englishName")}</FormLabel>
|
||||
<FormControl>
|
||||
<Input {...field} placeholder="e.g. HR Coordinator" />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="nameAm"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("contentManagement.amharicName")}</FormLabel>
|
||||
<FormControl>
|
||||
<Input {...field} placeholder="e.g. ሰብል አያት" />
|
||||
</FormControl>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* Organization (searchable, all orgs) */}
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="organizationId"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("organization.organization")}</FormLabel>
|
||||
<SingleSelect
|
||||
options={organizationOptions}
|
||||
value={field.value}
|
||||
onValueChange={field.onChange}
|
||||
placeholder={
|
||||
isLoadingOrgs
|
||||
? t("common.loading")
|
||||
: t("organization.selectOrganization")
|
||||
}
|
||||
/>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* Unit Selector — searchable, scoped to picked org */}
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="unitId"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>{t("organization.selectUnit")}</FormLabel>
|
||||
<SingleSelect
|
||||
options={unitOptions}
|
||||
value={field.value}
|
||||
onValueChange={field.onChange}
|
||||
placeholder={
|
||||
!selectedOrganizationId
|
||||
? t("organization.selectOrganizationFirst")
|
||||
: isLoadingUnits
|
||||
? t("common.loading")
|
||||
: t("organization.selectUnit")
|
||||
}
|
||||
/>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<div className="mb-4 w-1/2">
|
||||
<label className="block text-sm font-medium text-gray-700">
|
||||
{t("contentManagement.selectApplication")}
|
||||
</label>
|
||||
<Select
|
||||
value={selectedApplicationId}
|
||||
onValueChange={setSelectedApplicationId}
|
||||
disabled={isLoadingApplications}>
|
||||
<SelectTrigger className="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
||||
<SelectValue
|
||||
placeholder={
|
||||
isLoadingApplications
|
||||
? t("common.loading")
|
||||
: t("contentManagement.selectApplication")
|
||||
}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
<SelectContent className="max-h-60 overflow-y-auto">
|
||||
{applications?.map((app) => (
|
||||
<SelectItem key={app.id} value={app.id}>
|
||||
{localizedName(app.name)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<label className="block text-sm font-medium text-gray-700">
|
||||
{t("contentManagement.copyPermissionsFrom")}
|
||||
</label>
|
||||
<Select
|
||||
value={copyFromPositionId}
|
||||
onValueChange={handleCopyFrom}
|
||||
disabled={
|
||||
!selectedOrganizationId ||
|
||||
isLoadingPositionTypes ||
|
||||
isLoadingUnits ||
|
||||
isCopying
|
||||
}>
|
||||
<SelectTrigger className="w-full">
|
||||
<SelectValue placeholder={copyFromPlaceholder} />
|
||||
</SelectTrigger>
|
||||
<SelectContent className="max-h-60 overflow-y-auto">
|
||||
{copyFromOptions.map((p: PositionTypeDto) => (
|
||||
<SelectItem key={p.id} value={p.id}>
|
||||
{localizedName(p.name)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
{t("contentManagement.copyPermissionsHint")}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<FormField
|
||||
control={form.control}
|
||||
name="permissions"
|
||||
render={({ field }) => (
|
||||
<FormItem>
|
||||
<FormLabel>
|
||||
{t("contentManagement.permission")}
|
||||
{selectedPermissionCount > 0 && (
|
||||
<span className="ml-2 font-normal text-muted-foreground">
|
||||
(
|
||||
{t("contentManagement.permissionsSelected", {
|
||||
count: selectedPermissionCount,
|
||||
})}
|
||||
)
|
||||
</span>
|
||||
)}
|
||||
</FormLabel>
|
||||
<PermissionSearch
|
||||
selectedPermissions={field.value}
|
||||
onPermissionChange={handlePermissionChange}
|
||||
applicationId={selectedApplicationId}
|
||||
/>
|
||||
<FormMessage />
|
||||
</FormItem>
|
||||
)}
|
||||
/>
|
||||
|
||||
<div className="flex justify-end gap-4">
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
disabled={isBusy}
|
||||
onClick={() => {
|
||||
if (onCancel) {
|
||||
onCancel();
|
||||
} else {
|
||||
window.history.back();
|
||||
}
|
||||
}}>
|
||||
{t("common.Cancel")}
|
||||
</Button>
|
||||
<Button type="submit" disabled={isBusy}>
|
||||
{form.formState.isSubmitting
|
||||
? t("common.saving")
|
||||
: mode === "edit"
|
||||
? t("delegation.update")
|
||||
: t("delegation.save")}
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
</Form>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,160 +1,193 @@
|
||||
import { useEffect, useState } from "react";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { Label } from "@/shared/common/ui/label";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/shared/common/ui/select";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
import { useUnit } from "@/user-management/hooks/useUnit";
|
||||
import { useAuth } from "@/shared/context/AuthContext";
|
||||
import { positionTypePermissionService } from "@/user-management/services/api/positionTypePermissionService";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import { useApplications } from "@/user-management/hooks/useApplications";
|
||||
import { PermissionSearch } from "./PermissionSearch";
|
||||
import { PermissionDto } from "@/user-management/dto/permissions/permissonDto";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { UnitDto } from "@/user-management/dto/unit/unitDto";
|
||||
import { t } from "i18next";
|
||||
|
||||
export const EditPositionForm = ({ id }: { id: string }) => {
|
||||
const navigate = useNavigate();
|
||||
const { user } = useAuth();
|
||||
const { getList } = useUnit();
|
||||
const localizedName = useLocalizedName();
|
||||
|
||||
const { positionType, isLoadingSingle } = usePositionTypes({ id });
|
||||
|
||||
const organizationId =
|
||||
user?.employee && user.employee.length > 0
|
||||
? user.employee[0].organizationId
|
||||
: undefined;
|
||||
|
||||
const { applications, isLoading: isLoadingApplications } = useApplications();
|
||||
|
||||
const { data: unitsResponse } = getList(organizationId || "", {
|
||||
take: 300,
|
||||
skip: 0,
|
||||
});
|
||||
|
||||
const [selectedApplicationId, setSelectedApplicationId] =
|
||||
useState<string>("");
|
||||
const [assignedPermissions, setAssignedPermissions] = useState<
|
||||
PermissionDto[]
|
||||
>([]);
|
||||
const [isLoadingPermissions, setIsLoadingPermissions] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const load = async () => {
|
||||
if (!positionType) return;
|
||||
setIsLoadingPermissions(true);
|
||||
try {
|
||||
const assigned =
|
||||
await positionTypePermissionService.getPermissionsByPositionTypeId(
|
||||
positionType.id,
|
||||
);
|
||||
setAssignedPermissions(assigned.data.items ?? []);
|
||||
} finally {
|
||||
setIsLoadingPermissions(false);
|
||||
}
|
||||
};
|
||||
load();
|
||||
}, [positionType]);
|
||||
|
||||
if (isLoadingSingle) return <p>Loading...</p>;
|
||||
if (!positionType) return null;
|
||||
|
||||
const unit = unitsResponse?.data?.items?.find(
|
||||
(u: UnitDto) => u.id === positionType.unitId,
|
||||
);
|
||||
const unitName = unit ? unit.name.en || unit.name.am : positionType.unitId;
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.englishName")}</Label>
|
||||
<Input value={positionType.name.en} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.amharicName")}</Label>
|
||||
<Input value={positionType.name.am} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>Key</Label>
|
||||
<Input value={positionType.key} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.selectApplication")}</Label>
|
||||
<Select
|
||||
value={selectedApplicationId}
|
||||
onValueChange={(value) => setSelectedApplicationId(value)}
|
||||
disabled={isLoadingApplications}
|
||||
>
|
||||
<SelectTrigger className="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
||||
<SelectValue placeholder="Select an Application" />
|
||||
</SelectTrigger>
|
||||
<SelectContent className="max-h-60 overflow-y-auto">
|
||||
{applications?.map((app: any) => (
|
||||
<SelectItem key={app.id} value={app.id}>
|
||||
{localizedName(app.name)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.permission")}</Label>
|
||||
{selectedApplicationId ? (
|
||||
<PermissionSearch
|
||||
selectedPermissions={assignedPermissions.map((perm) => perm.id)}
|
||||
onPermissionChange={() => {
|
||||
// view-only mode in edit form
|
||||
}}
|
||||
applicationId={selectedApplicationId}
|
||||
disabled
|
||||
/>
|
||||
) : (
|
||||
<div className="border rounded-md p-4 bg-background max-h-96 overflow-y-auto">
|
||||
{isLoadingPermissions ? (
|
||||
<div className="text-center py-4 text-gray-500">Loading...</div>
|
||||
) : assignedPermissions.length === 0 ? (
|
||||
<div className="text-center py-4 text-gray-500">
|
||||
{t("contentManagement.noPermissionsAvailable")}
|
||||
</div>
|
||||
) : (
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-2">
|
||||
{assignedPermissions.map((perm) => (
|
||||
<li
|
||||
key={perm.id}
|
||||
className="capitalize text-sm py-1 px-2 rounded bg-muted/40"
|
||||
>
|
||||
{localizedName(perm.name)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex justify-end">
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
onClick={() => navigate("/user-management/position-management")}
|
||||
>
|
||||
{t("common.Back")}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
import { useState } from "react";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { Label } from "@/shared/common/ui/label";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/shared/common/ui/select";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
|
||||
import { useUnit } from "@/user-management/hooks/useUnit";
|
||||
import { useAuth } from "@/shared/context/AuthContext";
|
||||
import { positionTypePermissionService } from "@/user-management/services/api/positionTypePermissionService";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import { useApplications } from "@/user-management/hooks/useApplications";
|
||||
import { PermissionSearch } from "./PermissionSearch";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { UnitDto } from "@/user-management/dto/unit/unitDto";
|
||||
import { t } from "i18next";
|
||||
|
||||
export const EditPositionForm = ({ id }: { id: string }) => {
|
||||
const navigate = useNavigate();
|
||||
const { user } = useAuth();
|
||||
const { getList } = useUnit();
|
||||
const localizedName = useLocalizedName();
|
||||
|
||||
const { positionType, isLoadingSingle, isErrorSingle } = usePositionTypes({
|
||||
id,
|
||||
});
|
||||
|
||||
const organizationId =
|
||||
user?.employee && user.employee.length > 0
|
||||
? user.employee[0].organizationId
|
||||
: undefined;
|
||||
|
||||
const { applications, isLoading: isLoadingApplications } = useApplications();
|
||||
|
||||
const { data: unitsResponse } = getList(organizationId || "", {
|
||||
take: 300,
|
||||
skip: 0,
|
||||
});
|
||||
|
||||
const [selectedApplicationId, setSelectedApplicationId] =
|
||||
useState<string>("");
|
||||
|
||||
// Shares the cache key CreatePositionForm writes under, so editing a position
|
||||
// type's permissions refreshes this view too.
|
||||
const {
|
||||
data: assignedResponse,
|
||||
isLoading: isLoadingPermissions,
|
||||
isError: isErrorPermissions,
|
||||
} = useQuery({
|
||||
queryKey: ["position-type-permissions", id],
|
||||
queryFn: () =>
|
||||
positionTypePermissionService.getPermissionsByPositionTypeId(id),
|
||||
enabled: !!id,
|
||||
});
|
||||
|
||||
const assignedPermissions = assignedResponse?.data?.items ?? [];
|
||||
|
||||
if (isLoadingSingle) {
|
||||
return (
|
||||
<p className="py-8 text-center text-muted-foreground">
|
||||
{t("common.loading")}
|
||||
</p>
|
||||
);
|
||||
}
|
||||
|
||||
if (isErrorSingle || !positionType) {
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<p className="py-8 text-center text-red-500">
|
||||
{t("contentManagement.positionTypeNotFound")}
|
||||
</p>
|
||||
<div className="flex justify-end">
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
onClick={() => navigate("/user-management/position-management")}>
|
||||
{t("common.Back")}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const unit = unitsResponse?.data?.items?.find(
|
||||
(u: UnitDto) => u.id === positionType.unitId,
|
||||
);
|
||||
const unitName = unit ? unit.name.en || unit.name.am : positionType.unitId;
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.englishName")}</Label>
|
||||
<Input value={positionType.name.en} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.amharicName")}</Label>
|
||||
<Input value={positionType.name.am} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.key")}</Label>
|
||||
<Input value={positionType.key} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("organization.selectUnit")}</Label>
|
||||
<Input value={unitName ?? ""} disabled readOnly />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.selectApplication")}</Label>
|
||||
<Select
|
||||
value={selectedApplicationId}
|
||||
onValueChange={setSelectedApplicationId}
|
||||
disabled={isLoadingApplications}>
|
||||
<SelectTrigger className="mt-1 block w-full border-gray-300 rounded-md shadow-sm">
|
||||
<SelectValue
|
||||
placeholder={
|
||||
isLoadingApplications
|
||||
? t("common.loading")
|
||||
: t("contentManagement.selectApplication")
|
||||
}
|
||||
/>
|
||||
</SelectTrigger>
|
||||
<SelectContent className="max-h-60 overflow-y-auto">
|
||||
{applications?.map((app) => (
|
||||
<SelectItem key={app.id} value={app.id}>
|
||||
{localizedName(app.name)}
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<Label>{t("contentManagement.permission")}</Label>
|
||||
{selectedApplicationId ? (
|
||||
<PermissionSearch
|
||||
selectedPermissions={assignedPermissions.map((perm) => perm.id)}
|
||||
onPermissionChange={() => {
|
||||
// view-only mode in edit form
|
||||
}}
|
||||
applicationId={selectedApplicationId}
|
||||
disabled
|
||||
/>
|
||||
) : (
|
||||
<div className="border rounded-md p-4 bg-background max-h-96 overflow-y-auto">
|
||||
{isLoadingPermissions ? (
|
||||
<div className="text-center py-4 text-gray-500">
|
||||
{t("common.loading")}
|
||||
</div>
|
||||
) : isErrorPermissions ? (
|
||||
<div className="text-center py-4 text-red-500">
|
||||
{t("contentManagement.failedToLoadPermissions")}
|
||||
</div>
|
||||
) : assignedPermissions.length === 0 ? (
|
||||
<div className="text-center py-4 text-gray-500">
|
||||
{t("contentManagement.noPermissionsAvailable")}
|
||||
</div>
|
||||
) : (
|
||||
<ul className="grid grid-cols-1 md:grid-cols-2 gap-2">
|
||||
{assignedPermissions.map((perm) => (
|
||||
<li
|
||||
key={perm.id}
|
||||
className="capitalize text-sm py-1 px-2 rounded bg-muted/40">
|
||||
{localizedName(perm.name)}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="flex justify-end">
|
||||
<Button
|
||||
type="button"
|
||||
variant="outline"
|
||||
onClick={() => navigate("/user-management/position-management")}>
|
||||
{t("common.Back")}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,152 +1,120 @@
|
||||
import React, { useState, useEffect, useMemo, useRef } from "react";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { Checkbox } from "@/shared/common/ui/checkbox";
|
||||
import { usePermissionManager } from "@/user-management/hooks/usePermissionManager";
|
||||
import { PermissionDto } from "@/user-management/dto/permissions/permissonDto";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { t } from "i18next";
|
||||
import { Search, Loader2 } from "lucide-react";
|
||||
|
||||
interface PermissionSearchProps {
|
||||
selectedPermissions: string[];
|
||||
onPermissionChange: (permissionId: string, checked: boolean) => void;
|
||||
applicationId?: string;
|
||||
disabled?: boolean;
|
||||
}
|
||||
|
||||
const INITIAL_TAKE = 50; // Initial number of items to fetch
|
||||
|
||||
export const PermissionSearch: React.FC<PermissionSearchProps> = ({
|
||||
selectedPermissions,
|
||||
onPermissionChange,
|
||||
applicationId,
|
||||
disabled = false,
|
||||
}) => {
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("");
|
||||
const [take, setTake] = useState(INITIAL_TAKE); // Start with 50
|
||||
const hasSetTotalCount = useRef(false); // Track if we've set the total count
|
||||
|
||||
const scrollContainerRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
const localizedName = useLocalizedName();
|
||||
|
||||
/** ------------------ 1. Debounce Search ------------------ */
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => {
|
||||
setDebouncedSearchTerm(searchTerm);
|
||||
setTake(INITIAL_TAKE); // Reset to 50
|
||||
hasSetTotalCount.current = false; // Reset the flag
|
||||
}, 300);
|
||||
|
||||
return () => clearTimeout(timer);
|
||||
}, [searchTerm]);
|
||||
|
||||
/** ------------------ 2. Fetch Permissions ------------------ */
|
||||
const { permissions, isPermissionsLoading } = usePermissionManager({
|
||||
params: applicationId
|
||||
? {
|
||||
take,
|
||||
skip: 0, // Always skip 0, we fetch everything at once
|
||||
search: debouncedSearchTerm || undefined,
|
||||
applicationId,
|
||||
}
|
||||
: undefined,
|
||||
});
|
||||
|
||||
/** ------------------ 3. Update take to total count after first fetch ------------------ */
|
||||
useEffect(() => {
|
||||
if (
|
||||
permissions?.count &&
|
||||
!hasSetTotalCount.current &&
|
||||
take !== permissions.count
|
||||
) {
|
||||
hasSetTotalCount.current = true;
|
||||
setTake(permissions.count); // Fetch all items
|
||||
}
|
||||
}, [permissions?.count, take]);
|
||||
|
||||
/** ------------------ 4. Client-side Filtering (Optional) ------------------ */
|
||||
const filteredPermissions = useMemo(() => {
|
||||
if (!permissions?.items?.length) return [];
|
||||
if (!searchTerm.trim()) return permissions.items;
|
||||
|
||||
return permissions.items.filter((perm: PermissionDto) => {
|
||||
const name = localizedName(perm.name).toLowerCase();
|
||||
const key = perm.key.toLowerCase();
|
||||
const search = searchTerm.toLowerCase();
|
||||
return name.includes(search) || key.includes(search);
|
||||
});
|
||||
}, [permissions?.items, searchTerm, localizedName]);
|
||||
|
||||
/** ------------------ Render ------------------ */
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
{/* Search Input */}
|
||||
<div className="relative">
|
||||
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" />
|
||||
<Input
|
||||
placeholder={t("contentManagement.searchPermissions")}
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
className="pl-10"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Permission List Container */}
|
||||
{!applicationId ? (
|
||||
<div className="max-h-96 overflow-y-auto border rounded-md p-4 bg-background text-center text-gray-500">
|
||||
{t("contentManagement.selectApplicationToLoadPermissions") ||
|
||||
"Select an application to load permissions."}
|
||||
</div>
|
||||
) : isPermissionsLoading ? (
|
||||
<div className="flex justify-center py-10">
|
||||
<Loader2 className="h-8 w-8 animate-spin text-gray-400" />
|
||||
</div>
|
||||
) : (
|
||||
<div
|
||||
ref={scrollContainerRef}
|
||||
className="max-h-96 overflow-y-auto border rounded-md p-4 bg-background"
|
||||
>
|
||||
{filteredPermissions.length === 0 ? (
|
||||
<div className="text-center py-4 text-gray-500">
|
||||
{searchTerm
|
||||
? t("contentManagement.noPermissionsFound")
|
||||
: t("contentManagement.noPermissionsAvailable")}
|
||||
</div>
|
||||
) : (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
{filteredPermissions.map((perm: PermissionDto) => (
|
||||
<div
|
||||
key={perm.id}
|
||||
className="flex flex-row items-start space-x-3 space-y-0"
|
||||
>
|
||||
<Checkbox
|
||||
checked={selectedPermissions.includes(perm.id)}
|
||||
disabled={disabled}
|
||||
onCheckedChange={(checked) => {
|
||||
if (!disabled) onPermissionChange(perm.id, !!checked);
|
||||
}}
|
||||
/>
|
||||
<label className="capitalize cursor-pointer font-normal text-sm">
|
||||
{localizedName(perm.name)}
|
||||
</label>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Footer Info */}
|
||||
{filteredPermissions.length > 0 && (
|
||||
<div className="text-xs text-muted-foreground px-1">
|
||||
{t("contentManagement.showingPermissions", {
|
||||
count: filteredPermissions.length,
|
||||
total: permissions?.count || 0,
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { Input } from "@/shared/common/ui/input";
|
||||
import { Checkbox } from "@/shared/common/ui/checkbox";
|
||||
import { usePermissionManager } from "@/user-management/hooks/usePermissionManager";
|
||||
import { PermissionDto } from "@/user-management/dto/permissions/permissonDto";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { t } from "i18next";
|
||||
import { Search, Loader2 } from "lucide-react";
|
||||
|
||||
interface PermissionSearchProps {
|
||||
selectedPermissions: string[];
|
||||
onPermissionChange: (permissionId: string, checked: boolean) => void;
|
||||
applicationId?: string;
|
||||
disabled?: boolean;
|
||||
}
|
||||
|
||||
// One request per application. This used to fetch 50, read `count` off the
|
||||
// response and immediately refetch with take = count — two round trips on every
|
||||
// mount for the same list.
|
||||
const TAKE = 1000;
|
||||
|
||||
export const PermissionSearch: React.FC<PermissionSearchProps> = ({
|
||||
selectedPermissions,
|
||||
onPermissionChange,
|
||||
applicationId,
|
||||
disabled = false,
|
||||
}) => {
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const [debouncedSearchTerm, setDebouncedSearchTerm] = useState("");
|
||||
|
||||
const localizedName = useLocalizedName();
|
||||
|
||||
/** ------------------ 1. Debounce Search ------------------ */
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => setDebouncedSearchTerm(searchTerm), 300);
|
||||
return () => clearTimeout(timer);
|
||||
}, [searchTerm]);
|
||||
|
||||
/** ------------------ 2. Fetch Permissions ------------------ */
|
||||
// The API does the filtering. Filtering the result again on the *undebounced*
|
||||
// term used to blank the list for 300ms on every keystroke.
|
||||
const { permissions, isPermissionsLoading } = usePermissionManager({
|
||||
params: applicationId
|
||||
? {
|
||||
take: TAKE,
|
||||
skip: 0,
|
||||
search: debouncedSearchTerm || undefined,
|
||||
applicationId,
|
||||
}
|
||||
: undefined,
|
||||
});
|
||||
|
||||
const items = permissions?.items ?? [];
|
||||
|
||||
/** ------------------ Render ------------------ */
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
{/* Search Input */}
|
||||
<div className="relative">
|
||||
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" />
|
||||
<Input
|
||||
placeholder={t("contentManagement.searchPermissions")}
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
className="pl-10"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Permission List Container */}
|
||||
{!applicationId ? (
|
||||
<div className="max-h-96 overflow-y-auto border rounded-md p-4 bg-background text-center text-gray-500">
|
||||
{t("contentManagement.selectApplicationToLoadPermissions")}
|
||||
</div>
|
||||
) : isPermissionsLoading ? (
|
||||
<div className="flex justify-center py-10">
|
||||
<Loader2 className="h-8 w-8 animate-spin text-gray-400" />
|
||||
</div>
|
||||
) : (
|
||||
<div className="max-h-96 overflow-y-auto border rounded-md p-4 bg-background">
|
||||
{items.length === 0 ? (
|
||||
<div className="text-center py-4 text-gray-500">
|
||||
{debouncedSearchTerm
|
||||
? t("contentManagement.noPermissionsFound")
|
||||
: t("contentManagement.noPermissionsAvailable")}
|
||||
</div>
|
||||
) : (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
{items.map((perm: PermissionDto) => (
|
||||
<div
|
||||
key={perm.id}
|
||||
className="flex flex-row items-start space-x-3 space-y-0">
|
||||
<Checkbox
|
||||
checked={selectedPermissions.includes(perm.id)}
|
||||
disabled={disabled}
|
||||
onCheckedChange={(checked) => {
|
||||
if (!disabled) onPermissionChange(perm.id, !!checked);
|
||||
}}
|
||||
/>
|
||||
<label className="capitalize cursor-pointer font-normal text-sm">
|
||||
{localizedName(perm.name)}
|
||||
</label>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Footer Info */}
|
||||
{items.length > 0 && (
|
||||
<div className="text-xs text-muted-foreground px-1">
|
||||
{t("contentManagement.showingPermissions", {
|
||||
count: items.length,
|
||||
total: permissions?.count || 0,
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,276 +1,253 @@
|
||||
import { useEffect, useState, useMemo } from "react";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import { AdvancedTable } from "@/shared/common/ui/table/AdvancedTable";
|
||||
|
||||
import { Link } from "react-router-dom";
|
||||
import { Plus } from "lucide-react";
|
||||
import {
|
||||
Card,
|
||||
CardContent,
|
||||
CardHeader,
|
||||
CardTitle,
|
||||
} from "@/shared/common/ui/card";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import { createPositionTypeColumns } from "./PositionTypeColumnDefn";
|
||||
import { positionTypeService } from "@/user-management/services/api/positionTypesService";
|
||||
import { t } from "i18next";
|
||||
import { useUnit } from "@/user-management/hooks/useUnit";
|
||||
import { useAuth } from "@/shared/context/AuthContext";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/shared/common/ui/select";
|
||||
import { UnitDto } from "@/user-management/dto/unit/unitDto";
|
||||
import { usePositionTypeConfiguration } from "@/user-management/hooks/usePostionType";
|
||||
|
||||
export default function PositionManagement() {
|
||||
const [pageIndex, setPageIndex] = useState(0);
|
||||
const pageSize = 10;
|
||||
const [isExporting, setIsExporting] = useState<boolean>(false);
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const { createConfiguration } = usePositionTypeConfiguration();
|
||||
|
||||
const { user } = useAuth();
|
||||
|
||||
const { getAccessibleList } = useUnit();
|
||||
|
||||
const organizationId = user?.employee?.[0]?.organizationId;
|
||||
|
||||
const { data: unitsResponse } = getAccessibleList(organizationId ?? "", {
|
||||
take: 300,
|
||||
skip: 0,
|
||||
});
|
||||
|
||||
// Add state for selected unitId
|
||||
// Default: if super_admin => "All", otherwise wait for units
|
||||
const [selectedUnitId, setSelectedUnitId] = useState<string>("All");
|
||||
|
||||
useEffect(() => {
|
||||
// If there’s no selectedUnitId yet, default to first unit (if any), otherwise keep "All"
|
||||
if (!selectedUnitId) {
|
||||
if (unitsResponse?.data?.items?.length) {
|
||||
setSelectedUnitId(unitsResponse.data.items[0].id);
|
||||
} else {
|
||||
setSelectedUnitId("All");
|
||||
}
|
||||
}
|
||||
}, [unitsResponse, selectedUnitId]);
|
||||
|
||||
// Reset to first page whenever the search term or unit changes so users
|
||||
// land on the first page of matches instead of an empty later page.
|
||||
useEffect(() => {
|
||||
setPageIndex(0);
|
||||
}, [searchTerm, selectedUnitId]);
|
||||
|
||||
const handlePageChange = (newPage: number) => {
|
||||
setPageIndex(newPage);
|
||||
};
|
||||
const {
|
||||
positionTypeResponse,
|
||||
isLoading,
|
||||
positionTypeByUnitId,
|
||||
refetch,
|
||||
refetchPosition,
|
||||
} = usePositionTypes({
|
||||
params: {
|
||||
take: 1000,
|
||||
skip: 0,
|
||||
orderBy: "updatedAt:DESC",
|
||||
},
|
||||
unitId: selectedUnitId === "All" ? undefined : selectedUnitId,
|
||||
});
|
||||
|
||||
// Fetch position types without unitId for migration options
|
||||
const {
|
||||
positionTypeResponse: globalPositionTypes,
|
||||
refetch: refetchGlobalPositionTypes,
|
||||
} = usePositionTypes({
|
||||
params: {
|
||||
take: 1000, // Get all global position types
|
||||
skip: 0,
|
||||
orderBy: "updatedAt:DESC",
|
||||
},
|
||||
unitId: undefined, // Explicitly fetch position types without unitId
|
||||
});
|
||||
|
||||
// Create a combined refetch function for the onDelete callback
|
||||
const handlePositionTypeDeleted = async () => {
|
||||
await Promise.all([
|
||||
selectedUnitId === "All" ? refetch() : refetchPosition(),
|
||||
refetchGlobalPositionTypes(),
|
||||
]);
|
||||
};
|
||||
const handleToggle = async (
|
||||
positionTypeId: string,
|
||||
checked: boolean,
|
||||
field: "canReceiveRecord" | "canAssignRecord" | "canCreateBankRecord",
|
||||
) => {
|
||||
if (!selectedUnitId || selectedUnitId === "All") return;
|
||||
|
||||
await createConfiguration({
|
||||
positionTypeId,
|
||||
timeframe: "yearly",
|
||||
organizationId: organizationId!,
|
||||
canReceiveRecord: field === "canReceiveRecord" ? checked : false,
|
||||
canAssignRecord: field === "canAssignRecord" ? checked : false,
|
||||
canCreateBankRecord: field === "canCreateBankRecord" ? checked : false,
|
||||
});
|
||||
|
||||
await handlePositionTypeDeleted();
|
||||
};
|
||||
|
||||
// Create columns with positionTypeResponse
|
||||
const columns = useMemo(
|
||||
() =>
|
||||
createPositionTypeColumns(
|
||||
selectedUnitId === "All" ? positionTypeResponse : positionTypeByUnitId,
|
||||
globalPositionTypes,
|
||||
handlePositionTypeDeleted,
|
||||
handlePositionTypeDeleted,
|
||||
handleToggle, // ← pass toggle handler
|
||||
selectedUnitId === "All", // ← isGlobal: hide toggle when "All"
|
||||
),
|
||||
[
|
||||
selectedUnitId,
|
||||
positionTypeResponse,
|
||||
positionTypeByUnitId,
|
||||
globalPositionTypes,
|
||||
],
|
||||
);
|
||||
const allItems = useMemo(
|
||||
() =>
|
||||
(selectedUnitId === "All"
|
||||
? positionTypeResponse?.items
|
||||
: positionTypeByUnitId?.items) || [],
|
||||
[selectedUnitId, positionTypeResponse?.items, positionTypeByUnitId?.items],
|
||||
);
|
||||
|
||||
const filteredItems = useMemo(() => {
|
||||
const trimmed = searchTerm.trim().toLowerCase();
|
||||
if (!trimmed) return allItems;
|
||||
return allItems.filter((item: any) => {
|
||||
const en = (item?.name?.en || "").toLowerCase();
|
||||
const am = (item?.name?.am || "").toLowerCase();
|
||||
const key = (item?.key || "").toLowerCase();
|
||||
return (
|
||||
en.includes(trimmed) || am.includes(trimmed) || key.includes(trimmed)
|
||||
);
|
||||
});
|
||||
}, [allItems, searchTerm]);
|
||||
|
||||
const paginatedItems = useMemo(() => {
|
||||
const start = pageIndex * pageSize;
|
||||
return filteredItems.slice(start, start + pageSize);
|
||||
}, [filteredItems, pageIndex, pageSize]);
|
||||
|
||||
if (isLoading) {
|
||||
return <div>{t("contentManagement.addUser")}</div>;
|
||||
}
|
||||
|
||||
const exportTypes = () => {
|
||||
setIsExporting(true);
|
||||
positionTypeService
|
||||
.getAll({
|
||||
take: 3000,
|
||||
})
|
||||
.then((allPositionKeys) => {
|
||||
// Get the position type keys
|
||||
const positionTypeKeys = allPositionKeys.data?.items?.map((p) => p.key);
|
||||
|
||||
if (positionTypeKeys && positionTypeKeys.length > 0) {
|
||||
// Convert the array of keys into a string, with each key on a new line
|
||||
const fileContent = positionTypeKeys.join("\n");
|
||||
|
||||
// Create a Blob from the string content
|
||||
const blob = new Blob([fileContent], { type: "text/plain" });
|
||||
|
||||
// Create a link element to trigger the download
|
||||
const link = document.createElement("a");
|
||||
|
||||
// Create an object URL for the Blob
|
||||
link.href = URL.createObjectURL(blob);
|
||||
|
||||
// Set the download attribute with a file name
|
||||
link.download = "position_keys.txt";
|
||||
|
||||
// Programmatically trigger a click on the link to start the download
|
||||
link.click();
|
||||
|
||||
// Clean up by revoking the object URL
|
||||
URL.revokeObjectURL(link.href);
|
||||
} else {
|
||||
console.error("No position type keys found.");
|
||||
}
|
||||
setIsExporting(false);
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="p-6 space-y-6">
|
||||
<Card className="py-0 col-span-2 shadow-none border-none bg-transparent px-0">
|
||||
<CardHeader className="flex flex-row justify-between items-center px-0">
|
||||
<CardTitle className="text-xl font-semibold ">
|
||||
{t("contentManagement.permissionType")}
|
||||
</CardTitle>
|
||||
<Button onClick={exportTypes}>
|
||||
{isExporting
|
||||
? t("contentManagement.exporting")
|
||||
: t("contentManagement.exportTypes")}
|
||||
</Button>
|
||||
</CardHeader>
|
||||
{unitsResponse?.data?.items?.length > 0 && (
|
||||
<div className="mb-4 w-1/2">
|
||||
<label className="block text-sm font-medium text-gray-700">
|
||||
Select Unit
|
||||
</label>
|
||||
<Select
|
||||
value={selectedUnitId}
|
||||
onValueChange={(value) => setSelectedUnitId(value)}
|
||||
>
|
||||
<SelectTrigger className="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm [&>span]:truncate">
|
||||
<SelectValue placeholder="Select a Unit" />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem key="all" value="All">
|
||||
All
|
||||
</SelectItem>
|
||||
{unitsResponse?.data.items.map((unit: UnitDto) => (
|
||||
<SelectItem key={unit.id} value={unit.id}>
|
||||
<span className="block truncate max-w-70">
|
||||
{unit.name.en || unit.name.am}
|
||||
</span>
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
)}
|
||||
<CardContent className="px-0">
|
||||
<AdvancedTable
|
||||
columns={columns}
|
||||
data={paginatedItems}
|
||||
tableName="Positions"
|
||||
toolBarPosition="right"
|
||||
itemCount={filteredItems.length}
|
||||
onGlobalFilterChange={setSearchTerm}
|
||||
extraToolbar={
|
||||
<Link to="/user-management/position-management/new">
|
||||
<Button className="px-5 py-2 rounded-md text-sm font-medium shadow-md">
|
||||
<Plus className="w-4 h-4 mr-2" />
|
||||
{t("contentManagement.newPermission")}
|
||||
</Button>
|
||||
</Link>
|
||||
}
|
||||
pageIndex={pageIndex}
|
||||
onPageChange={handlePageChange}
|
||||
nextFunction={() => handlePageChange(pageIndex + 1)}
|
||||
prevFunction={() => handlePageChange(Math.max(pageIndex - 1, 0))}
|
||||
/>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
import { useEffect, useState, useMemo, useCallback } from "react";
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import { AdvancedTable } from "@/shared/common/ui/table/AdvancedTable";
|
||||
|
||||
import { Link } from "react-router-dom";
|
||||
import { Plus } from "lucide-react";
|
||||
import {
|
||||
Card,
|
||||
CardContent,
|
||||
CardHeader,
|
||||
CardTitle,
|
||||
} from "@/shared/common/ui/card";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import { createPositionTypeColumns } from "./PositionTypeColumnDefn";
|
||||
import { positionTypeService } from "@/user-management/services/api/positionTypesService";
|
||||
import { t } from "i18next";
|
||||
import { toast } from "sonner";
|
||||
import { useUnit } from "@/user-management/hooks/useUnit";
|
||||
import { useAuth } from "@/shared/context/AuthContext";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectItem,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/shared/common/ui/select";
|
||||
import { UnitDto } from "@/user-management/dto/unit/unitDto";
|
||||
import { PositionTypeDto } from "@/user-management/dto/positions/positionType";
|
||||
|
||||
export default function PositionManagement() {
|
||||
const [pageIndex, setPageIndex] = useState(0);
|
||||
const pageSize = 10;
|
||||
const [isExporting, setIsExporting] = useState<boolean>(false);
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
|
||||
const { user } = useAuth();
|
||||
|
||||
const { getAccessibleList } = useUnit();
|
||||
|
||||
const organizationId = user?.employee?.[0]?.organizationId;
|
||||
|
||||
const { data: unitsResponse, isError: isUnitsError } = getAccessibleList(
|
||||
organizationId ?? "",
|
||||
{
|
||||
take: 300,
|
||||
skip: 0,
|
||||
},
|
||||
);
|
||||
|
||||
// Add state for selected unitId
|
||||
// Default: if super_admin => "All", otherwise wait for units
|
||||
const [selectedUnitId, setSelectedUnitId] = useState<string>("All");
|
||||
|
||||
useEffect(() => {
|
||||
// If there’s no selectedUnitId yet, default to first unit (if any), otherwise keep "All"
|
||||
if (!selectedUnitId) {
|
||||
if (unitsResponse?.data?.items?.length) {
|
||||
setSelectedUnitId(unitsResponse.data.items[0].id);
|
||||
} else {
|
||||
setSelectedUnitId("All");
|
||||
}
|
||||
}
|
||||
}, [unitsResponse, selectedUnitId]);
|
||||
|
||||
// Reset to first page whenever the search term or unit changes so users
|
||||
// land on the first page of matches instead of an empty later page.
|
||||
useEffect(() => {
|
||||
setPageIndex(0);
|
||||
}, [searchTerm, selectedUnitId]);
|
||||
|
||||
const handlePageChange = (newPage: number) => {
|
||||
setPageIndex(newPage);
|
||||
};
|
||||
|
||||
const showingAllUnits = selectedUnitId === "All";
|
||||
|
||||
const {
|
||||
positionTypeResponse,
|
||||
isLoading,
|
||||
isError,
|
||||
positionTypeByUnitId,
|
||||
isLoadingPosition,
|
||||
isErrorPosition,
|
||||
refetch,
|
||||
refetchPosition,
|
||||
} = usePositionTypes({
|
||||
params: {
|
||||
take: 1000,
|
||||
skip: 0,
|
||||
orderBy: "updatedAt:DESC",
|
||||
},
|
||||
unitId: showingAllUnits ? undefined : selectedUnitId,
|
||||
});
|
||||
|
||||
// Refresh whichever list is on screen. `positionTypeResponse` is the
|
||||
// unscoped fetch, so it doubles as the migration-target source — no second
|
||||
// usePositionTypes() call needed (its cache key ignores unitId, so a second
|
||||
// call returned the very same query).
|
||||
const handlePositionTypeChanged = useCallback(async () => {
|
||||
await (showingAllUnits ? refetch() : refetchPosition());
|
||||
}, [showingAllUnits, refetch, refetchPosition]);
|
||||
|
||||
const columns = useMemo(
|
||||
() =>
|
||||
createPositionTypeColumns(
|
||||
positionTypeResponse,
|
||||
handlePositionTypeChanged,
|
||||
handlePositionTypeChanged,
|
||||
),
|
||||
[positionTypeResponse, handlePositionTypeChanged],
|
||||
);
|
||||
|
||||
const allItems = useMemo(
|
||||
() =>
|
||||
(showingAllUnits
|
||||
? positionTypeResponse?.items
|
||||
: positionTypeByUnitId?.items) || [],
|
||||
[showingAllUnits, positionTypeResponse?.items, positionTypeByUnitId?.items],
|
||||
);
|
||||
|
||||
const filteredItems = useMemo(() => {
|
||||
const trimmed = searchTerm.trim().toLowerCase();
|
||||
if (!trimmed) return allItems;
|
||||
return allItems.filter((item: PositionTypeDto) => {
|
||||
const en = (item?.name?.en || "").toLowerCase();
|
||||
const am = (item?.name?.am || "").toLowerCase();
|
||||
const key = (item?.key || "").toLowerCase();
|
||||
return (
|
||||
en.includes(trimmed) || am.includes(trimmed) || key.includes(trimmed)
|
||||
);
|
||||
});
|
||||
}, [allItems, searchTerm]);
|
||||
|
||||
const paginatedItems = useMemo(() => {
|
||||
const start = pageIndex * pageSize;
|
||||
return filteredItems.slice(start, start + pageSize);
|
||||
}, [filteredItems, pageIndex, pageSize]);
|
||||
|
||||
// Track whichever query is actually feeding the table — picking a unit used
|
||||
// to leave the previous unit's rows on screen with no loading state.
|
||||
const isLoadingList = showingAllUnits ? isLoading : isLoadingPosition;
|
||||
const isErrorList = showingAllUnits ? isError : isErrorPosition;
|
||||
|
||||
const exportTypes = () => {
|
||||
setIsExporting(true);
|
||||
positionTypeService
|
||||
.getAll({ take: 3000 })
|
||||
.then((allPositionKeys) => {
|
||||
const positionTypeKeys = allPositionKeys.data?.items?.map((p) => p.key);
|
||||
|
||||
if (!positionTypeKeys?.length) {
|
||||
toast.error(t("contentManagement.exportFailed"));
|
||||
return;
|
||||
}
|
||||
|
||||
// One key per line, downloaded as a plain text file.
|
||||
const blob = new Blob([positionTypeKeys.join("\n")], {
|
||||
type: "text/plain",
|
||||
});
|
||||
const link = document.createElement("a");
|
||||
link.href = URL.createObjectURL(blob);
|
||||
link.download = "position_keys.txt";
|
||||
link.click();
|
||||
URL.revokeObjectURL(link.href);
|
||||
})
|
||||
.catch(() => {
|
||||
toast.error(t("contentManagement.exportFailed"));
|
||||
})
|
||||
.finally(() => {
|
||||
setIsExporting(false);
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="p-6 space-y-6">
|
||||
<Card className="py-0 col-span-2 shadow-none border-none bg-transparent px-0">
|
||||
<CardHeader className="flex flex-row justify-between items-center px-0">
|
||||
<CardTitle className="text-xl font-semibold ">
|
||||
{t("contentManagement.permissionType")}
|
||||
</CardTitle>
|
||||
<Button onClick={exportTypes} disabled={isExporting}>
|
||||
{isExporting
|
||||
? t("contentManagement.exporting")
|
||||
: t("contentManagement.exportTypes")}
|
||||
</Button>
|
||||
</CardHeader>
|
||||
{!!unitsResponse?.data?.items?.length && (
|
||||
<div className="mb-4 w-1/2">
|
||||
<label className="block text-sm font-medium text-gray-700">
|
||||
{t("organization.selectUnit")}
|
||||
</label>
|
||||
<Select
|
||||
value={selectedUnitId}
|
||||
onValueChange={(value) => setSelectedUnitId(value)}>
|
||||
<SelectTrigger className="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-primary-500 focus:border-primary-500 sm:text-sm [&>span]:truncate">
|
||||
<SelectValue placeholder={t("organization.selectUnit")} />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem key="all" value="All">
|
||||
{t("common.all")}
|
||||
</SelectItem>
|
||||
{unitsResponse.data.items.map((unit: UnitDto) => (
|
||||
<SelectItem key={unit.id} value={unit.id}>
|
||||
<span className="block truncate max-w-70">
|
||||
{unit.name.en || unit.name.am}
|
||||
</span>
|
||||
</SelectItem>
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
)}
|
||||
{isUnitsError && (
|
||||
<p className="mb-4 text-sm text-red-500">
|
||||
{t("organization.errorLoadingUnits")}
|
||||
</p>
|
||||
)}
|
||||
<CardContent className="px-0">
|
||||
{isLoadingList ? (
|
||||
<div className="py-10 text-center text-muted-foreground">
|
||||
{t("common.loading")}
|
||||
</div>
|
||||
) : isErrorList ? (
|
||||
<div className="py-10 text-center text-red-500">
|
||||
{t("contentManagement.failedToLoadPositionTypes")}
|
||||
</div>
|
||||
) : (
|
||||
<AdvancedTable
|
||||
columns={columns}
|
||||
data={paginatedItems}
|
||||
tableName="Positions"
|
||||
toolBarPosition="right"
|
||||
itemCount={filteredItems.length}
|
||||
onGlobalFilterChange={setSearchTerm}
|
||||
extraToolbar={
|
||||
<Link to="/user-management/position-management/new">
|
||||
<Button className="px-5 py-2 rounded-md text-sm font-medium shadow-md">
|
||||
<Plus className="w-4 h-4 mr-2" />
|
||||
{t("contentManagement.newPermission")}
|
||||
</Button>
|
||||
</Link>
|
||||
}
|
||||
pageIndex={pageIndex}
|
||||
onPageChange={handlePageChange}
|
||||
nextFunction={() => handlePageChange(pageIndex + 1)}
|
||||
prevFunction={() => handlePageChange(Math.max(pageIndex - 1, 0))}
|
||||
/>
|
||||
)}
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,393 +1,251 @@
|
||||
import { useState } from "react";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { PositionTypeDto } from "@/user-management/dto/positions/positionType";
|
||||
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuTrigger,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuLabel,
|
||||
DropdownMenuItem,
|
||||
} from "@/shared/common/ui/dropdown-menu";
|
||||
|
||||
import {
|
||||
AlertDialog,
|
||||
AlertDialogAction,
|
||||
AlertDialogCancel,
|
||||
AlertDialogContent,
|
||||
AlertDialogDescription,
|
||||
AlertDialogFooter,
|
||||
AlertDialogHeader,
|
||||
AlertDialogTitle,
|
||||
} from "@/shared/common/ui/alert-dialog";
|
||||
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import { MoreVertical, Edit, Eye, Trash2, Pencil } from "lucide-react";
|
||||
import { t } from "i18next";
|
||||
import PositionTypeMigrationModal from "./PostionTypeMigration";
|
||||
import { CreatePositionForm } from "./CreatePositionForm";
|
||||
import { toast } from "sonner";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { positionTypeService } from "@/user-management/services/api/positionTypesService";
|
||||
import { useErrorHandler } from "@/shared/hooks/useErrorHandler";
|
||||
import { usePositionTypeConfiguration } from "@/user-management/hooks/usePostionType";
|
||||
import { Switch } from "@/shared/common/ui/switch";
|
||||
import { PositionTypeConfigurationDto } from "@/user-management/services/api/positionTypeConfigurationService";
|
||||
import { useQueryClient } from "@tanstack/react-query";
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from "@/shared/common/ui/dialog";
|
||||
|
||||
interface PositionTypeResponse {
|
||||
items: PositionTypeDto[];
|
||||
count: number;
|
||||
}
|
||||
|
||||
type ActionsCellProps = {
|
||||
row: PositionTypeDto | PositionTypeConfigurationDto;
|
||||
globalPositionTypes?: PositionTypeResponse;
|
||||
onDelete?: () => void | Promise<void>;
|
||||
onEdit?: () => void | Promise<void>;
|
||||
onToggle?: (
|
||||
positionTypeId: string,
|
||||
checked: boolean,
|
||||
field: "canReceiveRecord" | "canAssignRecord" | "canCreateBankRecord",
|
||||
) => void | Promise<void>;
|
||||
isGlobal?: boolean; // true when viewing "All" units — hide toggle
|
||||
};
|
||||
|
||||
const PositionTypeActionsCell: React.FC<ActionsCellProps> = ({
|
||||
row,
|
||||
globalPositionTypes,
|
||||
onDelete,
|
||||
onEdit,
|
||||
onToggle,
|
||||
isGlobal = false,
|
||||
}) => {
|
||||
const navigate = useNavigate();
|
||||
const [dropdownOpen, setDropdownOpen] = useState(false);
|
||||
const [showMigrateDialog, setShowMigrateDialog] = useState(false);
|
||||
const [showEditDialog, setShowEditDialog] = useState(false);
|
||||
const [showDeleteDialog, setShowDeleteDialog] = useState(false);
|
||||
const [isDeleting, setIsDeleting] = useState(false);
|
||||
const localizedName = useLocalizedName();
|
||||
const { handleError } = useErrorHandler(t);
|
||||
const queryClient = useQueryClient();
|
||||
// Use row.id as the positionTypeId for the configuration lookup
|
||||
|
||||
const {
|
||||
configurations,
|
||||
isLoadingConfigurations,
|
||||
updateConfiguration,
|
||||
isUpdatingConfiguration,
|
||||
} = usePositionTypeConfiguration(
|
||||
row?.id ?? null, // 👈 pass row.id as unitId
|
||||
);
|
||||
|
||||
const configItem = configurations[0];
|
||||
const isCanReceiveRecord = configItem?.canReceiveRecord ?? false;
|
||||
const isCanAssignRecord = configItem?.canAssignRecord ?? false;
|
||||
const isCanCreateBankRecord = configItem?.canCreateBankRecord ?? false;
|
||||
|
||||
const invalidateConfig = () => {
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: ["positionTypeConfigurations", row.id],
|
||||
});
|
||||
queryClient.invalidateQueries({
|
||||
queryKey: ["positionTypeConfiguration", row.id],
|
||||
});
|
||||
};
|
||||
|
||||
// Create position type options from globalPositionTypes - only those WITHOUT unitId
|
||||
const positionTypeOptions =
|
||||
globalPositionTypes?.items
|
||||
.filter((item) => !item.unitId)
|
||||
.map((item) => ({
|
||||
label: localizedName(item.name),
|
||||
value: item.id,
|
||||
})) || [];
|
||||
|
||||
// Only show migrate/delete actions if current row has a unitId
|
||||
const canBeModified = !!row.unitId;
|
||||
|
||||
const handleView = () => {
|
||||
navigate(`/user-management/position-management/edit/${row.id}`);
|
||||
};
|
||||
|
||||
const handleMigrate = (e: Event) => {
|
||||
e.preventDefault();
|
||||
setDropdownOpen(false);
|
||||
setShowMigrateDialog(true);
|
||||
};
|
||||
|
||||
const handleEdit = (e: Event) => {
|
||||
e.preventDefault();
|
||||
setDropdownOpen(false);
|
||||
setShowEditDialog(true);
|
||||
};
|
||||
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
setIsDeleting(true);
|
||||
await positionTypeService.delete(row.id);
|
||||
toast.success(t("common.DeletedSuccessfully"));
|
||||
setShowDeleteDialog(false);
|
||||
if (onDelete) {
|
||||
await onDelete();
|
||||
}
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
toast.error(t("common.FailedToDelete"));
|
||||
} finally {
|
||||
setIsDeleting(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleToggleChange = async (checked: boolean) => {
|
||||
if (isGlobal) return;
|
||||
try {
|
||||
if (configItem?.id) {
|
||||
await updateConfiguration({
|
||||
id: configItem.id,
|
||||
payload: {
|
||||
organizationId: configItem.organizationId,
|
||||
positionTypeId: configItem.positionTypeId,
|
||||
timeframe: configItem.timeframe,
|
||||
canReceiveRecord: checked,
|
||||
},
|
||||
});
|
||||
} else {
|
||||
await onToggle?.(row.id, checked, "canReceiveRecord");
|
||||
}
|
||||
toast.success(t("incomingRecord.UpdatedSuccessfully"));
|
||||
invalidateConfig();
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
toast.error(t("incomingRecord.FailedToUpdate"));
|
||||
}
|
||||
};
|
||||
|
||||
const handleAssignToggleChange = async (checked: boolean) => {
|
||||
if (isGlobal) return;
|
||||
try {
|
||||
if (configItem?.id) {
|
||||
await updateConfiguration({
|
||||
id: configItem.id,
|
||||
payload: {
|
||||
organizationId: configItem.organizationId,
|
||||
positionTypeId: configItem.positionTypeId,
|
||||
timeframe: configItem.timeframe,
|
||||
canAssignRecord: checked,
|
||||
},
|
||||
});
|
||||
} else {
|
||||
await onToggle?.(row.id, checked, "canAssignRecord");
|
||||
}
|
||||
toast.success(t("incomingRecord.UpdatedSuccessfully"));
|
||||
invalidateConfig();
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
toast.error(t("incomingRecord.FailedToUpdate"));
|
||||
}
|
||||
};
|
||||
|
||||
const handleCreateBankRecordToggleChange = async (checked: boolean) => {
|
||||
if (isGlobal) return;
|
||||
try {
|
||||
if (configItem?.id) {
|
||||
await updateConfiguration({
|
||||
id: configItem.id,
|
||||
payload: {
|
||||
organizationId: configItem.organizationId,
|
||||
positionTypeId: configItem.positionTypeId,
|
||||
timeframe: configItem.timeframe,
|
||||
canCreateBankRecord: checked,
|
||||
},
|
||||
});
|
||||
} else {
|
||||
await onToggle?.(row.id, checked, "canCreateBankRecord");
|
||||
}
|
||||
toast.success(t("incomingRecord.UpdatedSuccessfully"));
|
||||
invalidateConfig();
|
||||
} catch (error) {
|
||||
handleError(error);
|
||||
toast.error(t("incomingRecord.FailedToUpdate"));
|
||||
}
|
||||
};
|
||||
const rowName = "name" in row ? row.name : { am: "", en: "" };
|
||||
const isPositionType = "name" in row && "key" in row;
|
||||
|
||||
return (
|
||||
<>
|
||||
<DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button variant="ghost" className="h-8 w-8 p-0">
|
||||
<MoreVertical className="h-4 w-4" />
|
||||
<span className="sr-only">Open actions menu</span>
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
|
||||
<DropdownMenuContent
|
||||
align="end"
|
||||
onInteractOutside={(e) => {
|
||||
const target = e.target as HTMLElement;
|
||||
if (!target.closest('[role="dialog"]')) {
|
||||
setDropdownOpen(false);
|
||||
}
|
||||
}}>
|
||||
<DropdownMenuLabel>Actions</DropdownMenuLabel>
|
||||
|
||||
{canBeModified && (
|
||||
<DropdownMenuItem
|
||||
onSelect={handleMigrate}
|
||||
className="cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200">
|
||||
<Edit className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span> {t("common.Migrate")}</span>
|
||||
</DropdownMenuItem>
|
||||
)}
|
||||
|
||||
{canBeModified && isPositionType && (
|
||||
<DropdownMenuItem
|
||||
onSelect={handleEdit}
|
||||
className="cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200">
|
||||
<Pencil className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span>{t("common.Edit")}</span>
|
||||
</DropdownMenuItem>
|
||||
)}
|
||||
|
||||
<DropdownMenuItem
|
||||
onSelect={handleView}
|
||||
className="cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200">
|
||||
<Eye className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span>{t("common.View")}</span>
|
||||
</DropdownMenuItem>
|
||||
|
||||
{canBeModified && (
|
||||
<DropdownMenuItem
|
||||
onSelect={() => {
|
||||
setDropdownOpen(false);
|
||||
setShowDeleteDialog(true);
|
||||
}}
|
||||
className="cursor-pointer hover:!text-red-500 !bg-transparent !transition-colors duration-200">
|
||||
<Trash2 className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span>{t("common.Delete")}</span>
|
||||
</DropdownMenuItem>
|
||||
)}
|
||||
|
||||
{/* Toggle moved here from ToggleCell */}
|
||||
{!isGlobal && (
|
||||
<div className="px-2 py-2 border-t mt-1">
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-sm">
|
||||
{t("contentManagement.CanReceiveRecord")}
|
||||
</span>
|
||||
<Switch
|
||||
checked={isCanReceiveRecord}
|
||||
disabled={isLoadingConfigurations || isUpdatingConfiguration}
|
||||
onCheckedChange={handleToggleChange}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{!isGlobal && (
|
||||
<div className="px-2 py-2 border-t mt-1">
|
||||
<div className="flex items-center justify-between">
|
||||
<span className="text-sm">
|
||||
{t("contentManagement.CanAssignRecord")}
|
||||
</span>
|
||||
<Switch
|
||||
checked={isCanAssignRecord}
|
||||
disabled={isLoadingConfigurations || isUpdatingConfiguration}
|
||||
onCheckedChange={handleAssignToggleChange}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{!isGlobal && (
|
||||
<div className="px-2 py-2 border-t mt-1">
|
||||
<div className="flex items-center justify-between gap-4">
|
||||
<span className="text-sm">
|
||||
{t("contentManagement.CanCreateBankRecord")}
|
||||
</span>
|
||||
<Switch
|
||||
checked={isCanCreateBankRecord}
|
||||
disabled={isLoadingConfigurations || isUpdatingConfiguration}
|
||||
onCheckedChange={handleCreateBankRecordToggleChange}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
|
||||
{showMigrateDialog && (
|
||||
<PositionTypeMigrationModal
|
||||
isOpen={showMigrateDialog}
|
||||
onClose={() => {
|
||||
setShowMigrateDialog(false);
|
||||
}}
|
||||
toId={row.id}
|
||||
toName={localizedName(rowName)}
|
||||
positionTypeOptions={positionTypeOptions}
|
||||
/>
|
||||
)}
|
||||
|
||||
<Dialog open={showEditDialog} onOpenChange={setShowEditDialog}>
|
||||
<DialogContent className="sm:max-w-3xl max-h-[90vh] flex flex-col p-6">
|
||||
<DialogHeader className="pb-4">
|
||||
<DialogTitle>{t("common.Edit")}</DialogTitle>
|
||||
</DialogHeader>
|
||||
<div className="flex-1 overflow-y-auto pr-2 min-h-0">
|
||||
{isPositionType && showEditDialog && (
|
||||
<CreatePositionForm
|
||||
key={row.id + "-edit"}
|
||||
mode="edit"
|
||||
positionTypeId={row.id}
|
||||
initialValues={{
|
||||
nameAm: row.name.am,
|
||||
nameEn: row.name.en,
|
||||
unitId: row.unitId,
|
||||
key: row.key,
|
||||
}}
|
||||
onSuccess={async () => {
|
||||
setShowEditDialog(false);
|
||||
if (onEdit) {
|
||||
await onEdit();
|
||||
}
|
||||
}}
|
||||
onCancel={() => setShowEditDialog(false)}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
|
||||
<AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
|
||||
<AlertDialogContent>
|
||||
<AlertDialogHeader>
|
||||
<AlertDialogTitle>{t("common.ConfirmDelete")}</AlertDialogTitle>
|
||||
<AlertDialogDescription>
|
||||
{t("common.DeleteConfirmationMessage", {
|
||||
defaultValue: `Are you sure you want to delete "${localizedName(rowName)}"? This action cannot be undone.`,
|
||||
})}
|
||||
</AlertDialogDescription>
|
||||
</AlertDialogHeader>
|
||||
<AlertDialogFooter>
|
||||
<AlertDialogCancel>{t("common.Cancel")}</AlertDialogCancel>
|
||||
<AlertDialogAction
|
||||
onClick={handleDelete}
|
||||
disabled={isDeleting}
|
||||
className="bg-red-500 hover:bg-red-600">
|
||||
{isDeleting ? t("common.Deleting") : t("common.Delete")}
|
||||
</AlertDialogAction>
|
||||
</AlertDialogFooter>
|
||||
</AlertDialogContent>
|
||||
</AlertDialog>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default PositionTypeActionsCell;
|
||||
import { useState } from "react";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { PositionTypeDto } from "@/user-management/dto/positions/positionType";
|
||||
|
||||
import {
|
||||
DropdownMenu,
|
||||
DropdownMenuTrigger,
|
||||
DropdownMenuContent,
|
||||
DropdownMenuLabel,
|
||||
DropdownMenuItem,
|
||||
} from "@/shared/common/ui/dropdown-menu";
|
||||
|
||||
import {
|
||||
AlertDialog,
|
||||
AlertDialogAction,
|
||||
AlertDialogCancel,
|
||||
AlertDialogContent,
|
||||
AlertDialogDescription,
|
||||
AlertDialogFooter,
|
||||
AlertDialogHeader,
|
||||
AlertDialogTitle,
|
||||
} from "@/shared/common/ui/alert-dialog";
|
||||
|
||||
import { Button } from "@/shared/common/ui/button";
|
||||
import { MoreVertical, Edit, Eye, Trash2, Pencil } from "lucide-react";
|
||||
import { t } from "i18next";
|
||||
import PositionTypeMigrationModal from "./PostionTypeMigration";
|
||||
import { CreatePositionForm } from "./CreatePositionForm";
|
||||
import { useLocalizedName } from "@/shared/common/localizedName";
|
||||
import { usePositionTypes } from "@/user-management/hooks/usePositionTypes";
|
||||
import {
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogHeader,
|
||||
DialogTitle,
|
||||
} from "@/shared/common/ui/dialog";
|
||||
|
||||
interface PositionTypeResponse {
|
||||
items: PositionTypeDto[];
|
||||
count: number;
|
||||
}
|
||||
|
||||
type ActionsCellProps = {
|
||||
row: PositionTypeDto;
|
||||
globalPositionTypes?: PositionTypeResponse;
|
||||
onDelete?: () => void | Promise<void>;
|
||||
onEdit?: () => void | Promise<void>;
|
||||
};
|
||||
|
||||
/*
|
||||
* TODO(record-toggles): this menu used to carry CanReceiveRecord /
|
||||
* CanAssignRecord / CanCreateBankRecord switches. They never worked. IAM's
|
||||
* PositionTypeConfiguration entity only has { id, organizationId,
|
||||
* positionTypeId, timeframe } — verified against every local build (0.7.4
|
||||
* through 0.7.12) and the live swagger. canAssignRecord and
|
||||
* canCreateBankRecord do not exist anywhere in the IAM package, and the global
|
||||
* ValidationPipe runs with forbidNonWhitelisted, so every write 400'd. The
|
||||
* reads were broken too: the list route filters on organizationId (the repo is
|
||||
* built as TExtraCrudRepository(repo, "organizationId")) while the UI passed a
|
||||
* positionTypeId, so it always came back empty.
|
||||
*
|
||||
* The flag that does exist is PositionConfiguration.canReceiveRecord, keyed by
|
||||
* positionId — a per-position setting served by /api/position-configurations,
|
||||
* not a per-position-type one. Restoring this needs either that endpoint and a
|
||||
* position-level UI, or new columns on PositionTypeConfiguration in IAM.
|
||||
*/
|
||||
const PositionTypeActionsCell: React.FC<ActionsCellProps> = ({
|
||||
row,
|
||||
globalPositionTypes,
|
||||
onDelete,
|
||||
onEdit,
|
||||
}) => {
|
||||
const navigate = useNavigate();
|
||||
const [dropdownOpen, setDropdownOpen] = useState(false);
|
||||
const [showMigrateDialog, setShowMigrateDialog] = useState(false);
|
||||
const [showEditDialog, setShowEditDialog] = useState(false);
|
||||
const [showDeleteDialog, setShowDeleteDialog] = useState(false);
|
||||
const localizedName = useLocalizedName();
|
||||
const { deletePositionType } = usePositionTypes();
|
||||
|
||||
// Create position type options from globalPositionTypes - only those WITHOUT unitId
|
||||
const positionTypeOptions =
|
||||
globalPositionTypes?.items
|
||||
.filter((item) => !item.unitId)
|
||||
.map((item) => ({
|
||||
label: localizedName(item.name),
|
||||
value: item.id,
|
||||
})) || [];
|
||||
|
||||
// Only show migrate/delete actions if current row has a unitId
|
||||
const canBeModified = !!row.unitId;
|
||||
|
||||
const handleView = () => {
|
||||
navigate(`/user-management/position-management/edit/${row.id}`);
|
||||
};
|
||||
|
||||
const handleMigrate = (e: Event) => {
|
||||
e.preventDefault();
|
||||
setDropdownOpen(false);
|
||||
setShowMigrateDialog(true);
|
||||
};
|
||||
|
||||
const handleEdit = (e: Event) => {
|
||||
e.preventDefault();
|
||||
setDropdownOpen(false);
|
||||
setShowEditDialog(true);
|
||||
};
|
||||
|
||||
// Goes through the mutation rather than the service directly, so the cache is
|
||||
// invalidated and IAM's 403 for built-in types reaches the user.
|
||||
const handleDelete = async () => {
|
||||
try {
|
||||
await deletePositionType.mutateAsync(row.id);
|
||||
setShowDeleteDialog(false);
|
||||
await onDelete?.();
|
||||
} catch {
|
||||
// reported by the mutation's onError
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
|
||||
<DropdownMenuTrigger asChild>
|
||||
<Button variant="ghost" className="h-8 w-8 p-0">
|
||||
<MoreVertical className="h-4 w-4" />
|
||||
<span className="sr-only">Open actions menu</span>
|
||||
</Button>
|
||||
</DropdownMenuTrigger>
|
||||
|
||||
<DropdownMenuContent
|
||||
align="end"
|
||||
onInteractOutside={(e) => {
|
||||
const target = e.target as HTMLElement;
|
||||
if (!target.closest('[role="dialog"]')) {
|
||||
setDropdownOpen(false);
|
||||
}
|
||||
}}>
|
||||
<DropdownMenuLabel>{t("userRecord.Actions")}</DropdownMenuLabel>
|
||||
|
||||
{canBeModified && (
|
||||
<DropdownMenuItem
|
||||
onSelect={handleMigrate}
|
||||
className="cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200">
|
||||
<Edit className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span> {t("common.Migrate")}</span>
|
||||
</DropdownMenuItem>
|
||||
)}
|
||||
|
||||
{canBeModified && (
|
||||
<DropdownMenuItem
|
||||
onSelect={handleEdit}
|
||||
className="cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200">
|
||||
<Pencil className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span>{t("common.Edit")}</span>
|
||||
</DropdownMenuItem>
|
||||
)}
|
||||
|
||||
<DropdownMenuItem
|
||||
onSelect={handleView}
|
||||
className="cursor-pointer hover:!text-primary-700 !bg-transparent !transition-colors duration-200">
|
||||
<Eye className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span>{t("common.View")}</span>
|
||||
</DropdownMenuItem>
|
||||
|
||||
{canBeModified && (
|
||||
<DropdownMenuItem
|
||||
onSelect={() => {
|
||||
setDropdownOpen(false);
|
||||
setShowDeleteDialog(true);
|
||||
}}
|
||||
className="cursor-pointer hover:!text-red-500 !bg-transparent !transition-colors duration-200">
|
||||
<Trash2 className="mr-2 h-4 w-4 group-hover:text-white transition-colors duration-200" />
|
||||
<span>{t("common.Delete")}</span>
|
||||
</DropdownMenuItem>
|
||||
)}
|
||||
</DropdownMenuContent>
|
||||
</DropdownMenu>
|
||||
|
||||
{showMigrateDialog && (
|
||||
<PositionTypeMigrationModal
|
||||
isOpen={showMigrateDialog}
|
||||
onClose={() => {
|
||||
setShowMigrateDialog(false);
|
||||
}}
|
||||
toId={row.id}
|
||||
toName={localizedName(row.name)}
|
||||
positionTypeOptions={positionTypeOptions}
|
||||
/>
|
||||
)}
|
||||
|
||||
<Dialog open={showEditDialog} onOpenChange={setShowEditDialog}>
|
||||
<DialogContent className="sm:max-w-3xl max-h-[90vh] flex flex-col p-6">
|
||||
<DialogHeader className="pb-4">
|
||||
<DialogTitle>{t("common.Edit")}</DialogTitle>
|
||||
</DialogHeader>
|
||||
<div className="flex-1 overflow-y-auto pr-2 min-h-0">
|
||||
{showEditDialog && (
|
||||
<CreatePositionForm
|
||||
key={row.id + "-edit"}
|
||||
mode="edit"
|
||||
positionTypeId={row.id}
|
||||
initialValues={{
|
||||
nameAm: row.name.am,
|
||||
nameEn: row.name.en,
|
||||
unitId: row.unitId ?? "",
|
||||
key: row.key,
|
||||
}}
|
||||
onSuccess={async () => {
|
||||
setShowEditDialog(false);
|
||||
if (onEdit) {
|
||||
await onEdit();
|
||||
}
|
||||
}}
|
||||
onCancel={() => setShowEditDialog(false)}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
|
||||
<AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
|
||||
<AlertDialogContent>
|
||||
<AlertDialogHeader>
|
||||
<AlertDialogTitle>{t("common.ConfirmDelete")}</AlertDialogTitle>
|
||||
<AlertDialogDescription>
|
||||
{t("common.DeleteConfirmationMessage", {
|
||||
name: localizedName(row.name),
|
||||
})}
|
||||
</AlertDialogDescription>
|
||||
</AlertDialogHeader>
|
||||
<AlertDialogFooter>
|
||||
<AlertDialogCancel disabled={deletePositionType.isPending}>
|
||||
{t("common.Cancel")}
|
||||
</AlertDialogCancel>
|
||||
<AlertDialogAction
|
||||
onClick={handleDelete}
|
||||
disabled={deletePositionType.isPending}
|
||||
className="bg-red-500 hover:bg-red-600">
|
||||
{deletePositionType.isPending
|
||||
? t("common.Deleting")
|
||||
: t("common.Delete")}
|
||||
</AlertDialogAction>
|
||||
</AlertDialogFooter>
|
||||
</AlertDialogContent>
|
||||
</AlertDialog>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default PositionTypeActionsCell;
|
||||
|
||||
@@ -16,16 +16,9 @@ const NameCell = ({ name }: { name: PositionTypeDto["name"] }) => {
|
||||
};
|
||||
|
||||
export const createPositionTypeColumns = (
|
||||
_positionTypeResponse?: PositionTypeResponse,
|
||||
globalPositionTypes?: PositionTypeResponse,
|
||||
onDelete?: () => void | Promise<void>,
|
||||
onEdit?: () => void | Promise<void>,
|
||||
onToggle?: (
|
||||
positionTypeId: string,
|
||||
checked: boolean,
|
||||
field: "canReceiveRecord" | "canAssignRecord" | "canCreateBankRecord",
|
||||
) => void | Promise<void>,
|
||||
isGlobal?: boolean,
|
||||
): ColumnDef<PositionTypeDto>[] => [
|
||||
{
|
||||
accessorKey: "name",
|
||||
@@ -64,8 +57,6 @@ export const createPositionTypeColumns = (
|
||||
globalPositionTypes={globalPositionTypes}
|
||||
onDelete={onDelete}
|
||||
onEdit={onEdit}
|
||||
onToggle={onToggle}
|
||||
isGlobal={isGlobal}
|
||||
/>
|
||||
),
|
||||
},
|
||||
|
||||
@@ -5,10 +5,14 @@ export interface PositionTypeDto {
|
||||
en: string;
|
||||
};
|
||||
key: string;
|
||||
unitId: string;
|
||||
canReceiveRecord: boolean;
|
||||
canCreateBankRecord?: boolean;
|
||||
canAssignRecord: boolean;
|
||||
/**
|
||||
* Null for the built-in ("common") types, which `isSystem` marks and which
|
||||
* every unit can use. IAM has no organizationId on a position type — the
|
||||
* owning organization is only reachable via unit -> organizationId.
|
||||
*/
|
||||
unitId: string | null;
|
||||
/** Built-in type. IAM rejects update/delete on these with a 403. */
|
||||
isSystem?: boolean;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,9 @@
|
||||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
import {
|
||||
QueryClient,
|
||||
useMutation,
|
||||
useQuery,
|
||||
useQueryClient,
|
||||
} from "@tanstack/react-query";
|
||||
import {
|
||||
CreatePositionTypePayload,
|
||||
PositionRequest,
|
||||
@@ -23,10 +28,22 @@ interface positionParams {
|
||||
interface UsePositionTypeManagerProps {
|
||||
id?: string;
|
||||
unitId?: string;
|
||||
organizationId?: string;
|
||||
params?: positionParams; // 👈 we expected query params to be passed like this
|
||||
}
|
||||
|
||||
/**
|
||||
* Every cache key this hook writes under. React Query matches key prefixes
|
||||
* element by element, so `["position-type"]` does NOT reach
|
||||
* `["position-types-common", ...]` — each root has to be listed. Anything that
|
||||
* mutates a position type should call this rather than hand-picking keys, or
|
||||
* the department pickers (which read the "-common" queries) go stale.
|
||||
*/
|
||||
export const invalidatePositionTypeQueries = (queryClient: QueryClient) => {
|
||||
["position-types", "position-type", "position-types-common"].forEach(
|
||||
(root) => queryClient.invalidateQueries({ queryKey: [root] }),
|
||||
);
|
||||
};
|
||||
|
||||
export const usePositionTypes = ({
|
||||
id,
|
||||
params = {
|
||||
@@ -35,11 +52,11 @@ export const usePositionTypes = ({
|
||||
orderBy: "createdAt:Desc",
|
||||
},
|
||||
unitId,
|
||||
organizationId,
|
||||
}: UsePositionTypeManagerProps = {}) => {
|
||||
const queryClient = useQueryClient();
|
||||
const { t } = useTranslation();
|
||||
const { handleError } = useErrorHandler(t);
|
||||
const invalidateAll = () => invalidatePositionTypeQueries(queryClient);
|
||||
const { data, isLoading, isError, refetch } = useQuery({
|
||||
queryKey: ["position-types", params],
|
||||
queryFn: () => positionTypeService.getAll(params).then((res) => res.data),
|
||||
@@ -70,38 +87,6 @@ export const usePositionTypes = ({
|
||||
enabled: !!unitId,
|
||||
});
|
||||
|
||||
// Position types by organization ID
|
||||
const {
|
||||
data: positionTypeByOrgId,
|
||||
isLoading: isLoadingOrgPosition,
|
||||
isError: isErrorOrgPosition,
|
||||
refetch: refetchOrgPosition,
|
||||
} = useQuery<PositionTypesListResponse | undefined>({
|
||||
queryKey: ["position-type-org", organizationId, params],
|
||||
queryFn: async () => {
|
||||
if (!organizationId) return undefined;
|
||||
const res = await positionTypeService.getByOrganizationId(organizationId, params);
|
||||
return res.data as PositionTypesListResponse | undefined;
|
||||
},
|
||||
enabled: !!organizationId,
|
||||
});
|
||||
|
||||
// Common types with organization ID (includes both org-specific and common types)
|
||||
const {
|
||||
data: commonPositionTypesByOrgId,
|
||||
isLoading: isLoadingCommonOrgTypes,
|
||||
isError: isErrorCommonOrgTypes,
|
||||
refetch: refetchCommonOrgTypes,
|
||||
} = useQuery<PositionTypesListResponse | undefined>({
|
||||
queryKey: ["position-types-common-org", organizationId, params],
|
||||
queryFn: async () => {
|
||||
if (!organizationId) return undefined;
|
||||
const res = await positionTypeService.getCommonTypesByOrganizationId(organizationId, params);
|
||||
return res.data as PositionTypesListResponse | undefined;
|
||||
},
|
||||
enabled: !!organizationId,
|
||||
});
|
||||
|
||||
// Common types with unit ID (includes both unit-specific and common types)
|
||||
const {
|
||||
data: commonPositionTypes,
|
||||
@@ -123,15 +108,16 @@ export const usePositionTypes = ({
|
||||
mutationFn: (payload: CreatePositionTypePayload) =>
|
||||
positionTypeService.create(payload),
|
||||
onSuccess: () => {
|
||||
toast.success("Position type created");
|
||||
queryClient.invalidateQueries({ queryKey: ["position-types"] });
|
||||
toast.success(t("contentManagement.positionTypeCreated"));
|
||||
invalidateAll();
|
||||
},
|
||||
onError: (error) => {
|
||||
handleError(error);
|
||||
},
|
||||
});
|
||||
|
||||
// Update
|
||||
// Update. IAM answers 403 `position_type_not_allowed_to_update` for built-in
|
||||
// (isSystem) types, so the error has to reach the user.
|
||||
const updatePositionType = useMutation({
|
||||
mutationFn: ({
|
||||
id,
|
||||
@@ -141,11 +127,12 @@ export const usePositionTypes = ({
|
||||
data: UpdatePositionTypePayload;
|
||||
}) => positionTypeService.update(id, data),
|
||||
onSuccess: () => {
|
||||
toast.success("Position type updated");
|
||||
queryClient.invalidateQueries({ queryKey: ["position-types"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["position-type", id] });
|
||||
toast.success(t("contentManagement.positionTypeUpdated"));
|
||||
invalidateAll();
|
||||
},
|
||||
onError: (error) => {
|
||||
handleError(error);
|
||||
},
|
||||
onError: () => {},
|
||||
});
|
||||
|
||||
//update positon from to
|
||||
@@ -153,30 +140,32 @@ export const usePositionTypes = ({
|
||||
mutationFn: ({ toId, fromId }: { toId: string; fromId: string }) =>
|
||||
positionTypeService.updateFromto(toId, fromId),
|
||||
onSuccess: () => {
|
||||
toast.success("Position type migration updated");
|
||||
queryClient.invalidateQueries({ queryKey: ["position-types-to"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["position-type", id] });
|
||||
toast.success(t("contentManagement.positionTypeMigrated"));
|
||||
invalidateAll();
|
||||
},
|
||||
onError: (error) => {
|
||||
handleError(error);
|
||||
},
|
||||
onError: () => {},
|
||||
});
|
||||
//update all postions
|
||||
const migratePositionsByPositions = useMutation({
|
||||
mutationFn: ({ id, data }: { id: string; data: PositionRequest }) =>
|
||||
positionTypeService.updateByPostion(id, data),
|
||||
onSuccess: () => {
|
||||
toast.success("Position type migration updated");
|
||||
queryClient.invalidateQueries({ queryKey: ["position-types-migration"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["position-type", id] });
|
||||
toast.success(t("contentManagement.positionTypeMigrated"));
|
||||
invalidateAll();
|
||||
},
|
||||
onError: (error) => {
|
||||
handleError(error);
|
||||
},
|
||||
onError: () => {},
|
||||
});
|
||||
|
||||
// Delete
|
||||
// Delete. Also 403s for built-in types.
|
||||
const deletePositionType = useMutation({
|
||||
mutationFn: (id: string) => positionTypeService.delete(id),
|
||||
onSuccess: () => {
|
||||
toast.success("Position type deleted");
|
||||
queryClient.invalidateQueries({ queryKey: ["position-types"] });
|
||||
toast.success(t("contentManagement.positionTypeDeleted"));
|
||||
invalidateAll();
|
||||
},
|
||||
onError: (error) => {
|
||||
handleError(error);
|
||||
@@ -205,16 +194,6 @@ export const usePositionTypes = ({
|
||||
refetchPosition,
|
||||
isErrorPosition,
|
||||
isLoadingPosition,
|
||||
// organization-based position types
|
||||
positionTypeByOrgId,
|
||||
refetchOrgPosition,
|
||||
isErrorOrgPosition,
|
||||
isLoadingOrgPosition,
|
||||
// common types with organization ID
|
||||
commonPositionTypesByOrgId,
|
||||
refetchCommonOrgTypes,
|
||||
isErrorCommonOrgTypes,
|
||||
isLoadingCommonOrgTypes,
|
||||
// common types with unit ID
|
||||
commonPositionTypes: commonPositionTypes?.items ?? [],
|
||||
isLoadingCommonTypes,
|
||||
|
||||
@@ -21,7 +21,7 @@ export interface PositionPayload {
|
||||
organizationId: string;
|
||||
parentPositionId?: string;
|
||||
projectId?: string;
|
||||
positionTypeId: string;
|
||||
positionTypeId?: string;
|
||||
}
|
||||
export interface PositionQueryParams {
|
||||
orderBy?: string;
|
||||
|
||||
@@ -40,38 +40,25 @@ export const positionTypeService = {
|
||||
getById: (id: string): Promise<AxiosResponse<PositionTypeDto>> =>
|
||||
axiosInstance.get(`/position-types/${id}`, { headers: withHeaders() }),
|
||||
|
||||
// Types owned by one unit. IAM has no organization-scoped route — position
|
||||
// types carry a unitId only, so scoping to an org means filtering by that
|
||||
// org's units client-side.
|
||||
getByUnitId: (
|
||||
id: string,
|
||||
unitId: string,
|
||||
params?: Params,
|
||||
): Promise<AxiosResponse<PositionTypesListResponse>> =>
|
||||
axiosInstance.get(`/position-types/list/${id}`, {
|
||||
headers: withHeaders(),
|
||||
params,
|
||||
}),
|
||||
|
||||
getByOrganizationId: (
|
||||
id: string,
|
||||
params?: Params,
|
||||
): Promise<AxiosResponse<PositionTypesListResponse>> =>
|
||||
axiosInstance.get(`/position-types/list/${id}`, {
|
||||
headers: withHeaders(),
|
||||
params,
|
||||
}),
|
||||
|
||||
getCommonTypesByOrganizationId: (
|
||||
id: string,
|
||||
params?: Params,
|
||||
): Promise<AxiosResponse<PositionTypesListResponse>> =>
|
||||
axiosInstance.get(`/position-types/list-with-commons/${id}`, {
|
||||
axiosInstance.get(`/position-types/list/${unitId}`, {
|
||||
headers: withHeaders(),
|
||||
params,
|
||||
}),
|
||||
|
||||
// WHERE isSystem = true OR unitId = :unitId — "commons" means the built-in
|
||||
// types, not the ones with a null unitId.
|
||||
getCommonTypesById: (
|
||||
id: string,
|
||||
unitId: string,
|
||||
params: Params,
|
||||
): Promise<AxiosResponse<PositionTypesListResponse>> =>
|
||||
axiosInstance.get(`/position-types/list-with-commons/${id}`, {
|
||||
axiosInstance.get(`/position-types/list-with-commons/${unitId}`, {
|
||||
headers: withHeaders(),
|
||||
params,
|
||||
}),
|
||||
|
||||
@@ -48,8 +48,6 @@ export function AddDepartmentForm({
|
||||
if (!nameAm.trim())
|
||||
newErrors.nameAm = t("organization.amharicNameRequired");
|
||||
if (!key.trim()) newErrors.key = t("contentManagement.keyRequired");
|
||||
if (!positionTypeId)
|
||||
newErrors.positionTypeId = t("contentManagement.selectPosType");
|
||||
|
||||
setErrors(newErrors);
|
||||
return Object.keys(newErrors).length === 0;
|
||||
@@ -71,7 +69,7 @@ export function AddDepartmentForm({
|
||||
key: key.trim().toLowerCase().replace(/\s+/g, "-"),
|
||||
unitId,
|
||||
organizationId,
|
||||
positionTypeId,
|
||||
...(positionTypeId ? { positionTypeId } : {}),
|
||||
};
|
||||
|
||||
createPosition({
|
||||
@@ -90,12 +88,11 @@ export function AddDepartmentForm({
|
||||
return (
|
||||
<form onSubmit={handleSubmit} className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="positionType">{t("organization.positionTypes")}</Label>
|
||||
<Label htmlFor="positionType">
|
||||
{t("organization.positionTypes")} ({t("common.optional")})
|
||||
</Label>
|
||||
<Select
|
||||
onValueChange={(value) => {
|
||||
setPositionTypeId(value);
|
||||
setErrors((prev) => ({ ...prev, positionTypeId: "" }));
|
||||
}}
|
||||
onValueChange={setPositionTypeId}
|
||||
value={positionTypeId}
|
||||
disabled={isLoadingTypes}
|
||||
>
|
||||
@@ -110,9 +107,6 @@ export function AddDepartmentForm({
|
||||
))}
|
||||
</SelectContent>
|
||||
</Select>
|
||||
{errors.positionTypeId && (
|
||||
<p className="text-red-500 text-sm">{errors.positionTypeId}</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
|
||||
@@ -14,7 +14,6 @@ import { useNavigate } from "react-router-dom";
|
||||
|
||||
import type { Freight } from "@edr/types";
|
||||
|
||||
import { PayClearanceFeeButton } from "@/pages/bookings/payments/PayClearanceFeeButton";
|
||||
import { PayNowButton } from "@/pages/bookings/payments/PayNowButton";
|
||||
import { api } from "@/services/api";
|
||||
import { ContractClearanceAction } from "./ContractClearanceAction";
|
||||
@@ -70,17 +69,6 @@ export function ContractCustomerAction({
|
||||
);
|
||||
}
|
||||
|
||||
if (action.type === "pay-clearance") {
|
||||
return (
|
||||
<PayClearanceFeeButton
|
||||
sourceId={action.contractId}
|
||||
currency={contract.paymentCurrency}
|
||||
label={action.label}
|
||||
size={size}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
if (action.type === "initiate") {
|
||||
return (
|
||||
<InitiateBookingButton
|
||||
|
||||
@@ -80,14 +80,6 @@ export type ContractCustomerAction =
|
||||
label: string;
|
||||
primary: boolean;
|
||||
icon: LucideIcon;
|
||||
}
|
||||
| {
|
||||
/** Prepaid customs clearance service fee (contract-level, ONE_TIME Path B). */
|
||||
type: "pay-clearance";
|
||||
contractId: string;
|
||||
label: string;
|
||||
primary: boolean;
|
||||
icon: LucideIcon;
|
||||
};
|
||||
|
||||
function findPayableBookingForContract(
|
||||
@@ -145,17 +137,6 @@ export function deriveContractCustomerAction(
|
||||
};
|
||||
}
|
||||
|
||||
// Prepaid clearance service fee gate — must settle before document upload.
|
||||
if (contract.status === "AWAITING_CLEARANCE_PAYMENT") {
|
||||
return {
|
||||
type: "pay-clearance",
|
||||
contractId: id,
|
||||
label: "Pay clearance fee",
|
||||
primary: true,
|
||||
icon: CreditCard,
|
||||
};
|
||||
}
|
||||
|
||||
const payable = findPayableBookingForContract(id, bookings);
|
||||
if (payable) {
|
||||
return {
|
||||
|
||||
@@ -6,7 +6,7 @@ import { contractNeedsClearanceAction } from "@/components/customer-actions/deri
|
||||
export interface ActionItem {
|
||||
id: string;
|
||||
/** What the customer must do — drives the icon, label and modal. */
|
||||
kind: "clearance" | "duty" | "sign" | "book" | "pay" | "clearance-fee";
|
||||
kind: "clearance" | "duty" | "sign" | "book" | "pay";
|
||||
/** The contract/booking reference for display. */
|
||||
reference: string;
|
||||
/** Short human description of the action. */
|
||||
@@ -40,18 +40,6 @@ export function deriveActionItems(
|
||||
});
|
||||
continue;
|
||||
}
|
||||
// Prepaid clearance service fee (Path B) — blocks the document step.
|
||||
if (c.status === "AWAITING_CLEARANCE_PAYMENT") {
|
||||
items.push({
|
||||
id: `clearance-fee-${c.id}`,
|
||||
kind: "clearance-fee",
|
||||
reference: c.reference,
|
||||
description: "Clearance service fee due — pay to unlock document upload",
|
||||
targetId: c.id,
|
||||
urgent: true,
|
||||
});
|
||||
continue;
|
||||
}
|
||||
const clr = contractNeedsClearanceAction(c);
|
||||
if (clr.show) {
|
||||
items.push({
|
||||
@@ -82,19 +70,6 @@ export function deriveActionItems(
|
||||
}
|
||||
|
||||
for (const b of bookings) {
|
||||
// Per-shipment clearance service fee (GENERAL + customs shipment request).
|
||||
if (b.status === "AWAITING_CLEARANCE_PAYMENT") {
|
||||
items.push({
|
||||
id: `clearance-fee-${b.id}`,
|
||||
kind: "clearance-fee",
|
||||
reference: b.reference,
|
||||
description:
|
||||
"Clearance service fee due for this shipment — pay to unlock document upload",
|
||||
targetId: b.id,
|
||||
urgent: true,
|
||||
});
|
||||
continue;
|
||||
}
|
||||
const isGeneral = b.bookingType === "GENERAL_CONTRACT";
|
||||
const canPay =
|
||||
b.paymentStatus !== "PAID" &&
|
||||
|
||||
@@ -39,7 +39,6 @@ const KIND_META: Record<
|
||||
sign: { icon: FileSignature, label: "Sign", color: "blue" },
|
||||
book: { icon: PackagePlus, label: "Book", color: "violet" },
|
||||
pay: { icon: CreditCard, label: "Payment", color: "orange" },
|
||||
"clearance-fee": { icon: CreditCard, label: "Clearance fee", color: "orange" },
|
||||
};
|
||||
|
||||
export interface ActionNeededSectionProps {
|
||||
@@ -138,14 +137,10 @@ export function ActionNeededSection({
|
||||
|
||||
// Billing is invoice-centric — resolve the booking's currently payable
|
||||
// invoice before paying it (mirrors ReadonlyBookingView).
|
||||
// A "pay" item settles the booking invoice; a "clearance-fee" item settles the
|
||||
// prepaid clearance-fee invoice (source `clearance`, keyed by contract or
|
||||
// booking id depending on where the gate sits).
|
||||
const payItemSource = payItem?.kind === "clearance-fee" ? "clearance" : "booking";
|
||||
const { data: payItemInvoices = [] } = useQuery({
|
||||
queryKey: [`${payItemSource}-invoices`, payItem?.targetId],
|
||||
queryKey: ["booking-invoices", payItem?.targetId],
|
||||
queryFn: () =>
|
||||
invoicesService.listForSource(payItemSource, payItem!.targetId),
|
||||
invoicesService.listForSource("booking", payItem!.targetId),
|
||||
enabled: payItem !== null,
|
||||
});
|
||||
const payableInvoiceId = payItemInvoices.find((inv) =>
|
||||
@@ -188,7 +183,6 @@ export function ActionNeededSection({
|
||||
navigate(`/contracts/${item.targetId}`);
|
||||
break;
|
||||
case "pay":
|
||||
case "clearance-fee":
|
||||
setPayItem(item);
|
||||
break;
|
||||
case "sign":
|
||||
@@ -284,9 +278,7 @@ export function ActionNeededSection({
|
||||
>
|
||||
{item.kind === "pay"
|
||||
? "Pay now"
|
||||
: item.kind === "clearance-fee"
|
||||
? "Pay clearance fee"
|
||||
: item.kind === "duty"
|
||||
: item.kind === "duty"
|
||||
? "Pay duty & upload slip"
|
||||
: item.kind === "sign"
|
||||
? "Sign"
|
||||
|
||||
@@ -165,19 +165,6 @@ export const STATUS_CONFIG: Record<string, StageConfig> = {
|
||||
badgeDot: "edr-green.5",
|
||||
action: { label: "View", kind: "outline" },
|
||||
},
|
||||
AWAITING_CLEARANCE_PAYMENT: {
|
||||
stage: 3,
|
||||
icon: Wallet,
|
||||
iconColor: "edr-amber-text",
|
||||
tile: "edr-amber-soft",
|
||||
hint: "Clearance service fee due · pay to unlock document upload",
|
||||
step: "edr-accent",
|
||||
badgeLabel: "Clearance fee due",
|
||||
badgeBg: "edr-amber-soft",
|
||||
badgeText: "edr-amber-text",
|
||||
badgeDot: "edr-accent",
|
||||
action: { label: "Pay clearance fee", kind: "amber", icon: ArrowRight },
|
||||
},
|
||||
AWAITING_DOCUMENTS: {
|
||||
stage: 3,
|
||||
icon: FileUp,
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Group, Paper, Tabs, Text } from "@mantine/core";
|
||||
import { Group, Tabs } from "@mantine/core";
|
||||
import { useMutation, useQuery } from "@tanstack/react-query";
|
||||
import { CreditCard, FileText, LayoutGrid } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
@@ -12,7 +12,6 @@ import { isPayable } from "@/pages/billing/invoice-ui";
|
||||
import type { Freight } from "@edr/types";
|
||||
|
||||
import { ApproveDeliveryButton } from "../delivery/ApproveDeliveryButton";
|
||||
import { PayClearanceFeeButton } from "../payments/PayClearanceFeeButton";
|
||||
import { ActivityCard } from "./components/ActivityCard";
|
||||
import { ClearanceCard } from "./components/ClearanceCard";
|
||||
import { DocumentsTab } from "./components/DocumentsTab";
|
||||
@@ -143,8 +142,6 @@ export function ReadonlyBookingView({
|
||||
const isCustoms = Boolean(booking.customsClearingEnabled);
|
||||
const canSelfRebook = !isCustoms;
|
||||
const isPendingConsolidation = status === "PENDING_CONSOLIDATION";
|
||||
// Prepaid clearance service fee gate — document upload stays locked until paid.
|
||||
const isAwaitingClearanceFee = status === "AWAITING_CLEARANCE_PAYMENT";
|
||||
const isClearance = [
|
||||
"AWAITING_DOCUMENTS",
|
||||
"DOCUMENTS_UNDER_REVIEW",
|
||||
@@ -243,28 +240,6 @@ export function ReadonlyBookingView({
|
||||
<div className="flex flex-col gap-6">
|
||||
<ContractCard booking={booking} />
|
||||
|
||||
{isAwaitingClearanceFee && (
|
||||
<Paper withBorder radius="lg" p="lg" style={{ borderColor: "#FDE68A", background: "#FFFBEB" }}>
|
||||
<Group justify="space-between" align="center" wrap="wrap" gap="md">
|
||||
<div>
|
||||
<Text fw={700} fz={15} c="#92400E">
|
||||
Customs clearance service fee due
|
||||
</Text>
|
||||
<Text fz={13} c="#B45309" mt={4}>
|
||||
Pay the clearance service fee to unlock the clearance
|
||||
document upload. Global Logistics starts working on your
|
||||
shipment once the fee is settled.
|
||||
</Text>
|
||||
</div>
|
||||
<PayClearanceFeeButton
|
||||
sourceId={booking.id}
|
||||
currency={booking.paymentCurrency}
|
||||
size="md"
|
||||
/>
|
||||
</Group>
|
||||
</Paper>
|
||||
)}
|
||||
|
||||
{isClearance && <ClearanceCard booking={booking} />}
|
||||
|
||||
<BodyGrid
|
||||
|
||||
@@ -51,17 +51,10 @@ export function buildJourneySteps(
|
||||
if (isCustoms && milestones.length > 0) {
|
||||
const sorted = [...milestones].sort((a, b) => a.sortOrder - b.sortOrder);
|
||||
const firstPendingId = sorted.find((m) => m.status === "PENDING")?.id;
|
||||
const feeActive = status === "AWAITING_CLEARANCE_PAYMENT";
|
||||
const delivered = ["COMPLETED", "DELIVERED"].includes(status);
|
||||
|
||||
const steps: JourneyStep[] = [
|
||||
{ key: "booked", label: "Booking initiated", state: "done" },
|
||||
{
|
||||
key: "fee",
|
||||
label: "Clearance fee paid",
|
||||
state: feeActive ? "active" : "done",
|
||||
owner: "CUST",
|
||||
},
|
||||
...sorted.map<JourneyStep>((m) => ({
|
||||
key: m.id,
|
||||
label: m.milestoneLabel,
|
||||
@@ -71,7 +64,7 @@ export function buildJourneySteps(
|
||||
? "done"
|
||||
: m.status === "SKIPPED"
|
||||
? "skipped"
|
||||
: !feeActive && m.id === firstPendingId
|
||||
: m.id === firstPendingId
|
||||
? "active"
|
||||
: "idle",
|
||||
})),
|
||||
@@ -79,7 +72,7 @@ export function buildJourneySteps(
|
||||
];
|
||||
// Every known milestone is done but the booking hasn't closed yet — the
|
||||
// delivery step is what's in progress.
|
||||
if (!feeActive && !firstPendingId && !delivered) {
|
||||
if (!firstPendingId && !delivered) {
|
||||
steps[steps.length - 1].state = "active";
|
||||
}
|
||||
return steps;
|
||||
|
||||
@@ -3,7 +3,6 @@ import { useDisclosure } from "@mantine/hooks";
|
||||
import {
|
||||
AlertCircle,
|
||||
ArrowRight,
|
||||
CreditCard,
|
||||
PackagePlus,
|
||||
PencilLine,
|
||||
Upload,
|
||||
@@ -12,7 +11,6 @@ import { useNavigate } from "react-router-dom";
|
||||
|
||||
import type { Freight } from "@edr/types";
|
||||
|
||||
import { PayClearanceFeeButton } from "@/pages/bookings/payments/PayClearanceFeeButton";
|
||||
import { ResubmitBookingModal } from "@/pages/bookings/resubmit/ResubmitBookingModal";
|
||||
|
||||
import { BookingActionModal } from "./BookingActionModal";
|
||||
@@ -25,7 +23,6 @@ const ICON_BY_KIND: Record<
|
||||
BookingActionKind,
|
||||
typeof Upload
|
||||
> = {
|
||||
PAY_CLEARANCE: CreditCard,
|
||||
UPLOAD_DOCUMENTS: Upload,
|
||||
FIX_DOCUMENTS: AlertCircle,
|
||||
SCHEDULE_OPERATION: ArrowRight,
|
||||
@@ -59,19 +56,6 @@ export function BookingActionButton({
|
||||
|
||||
if (!isChangesRequested && !action) return null;
|
||||
|
||||
// The prepaid clearance service fee has its own payment flow (method modal +
|
||||
// provider redirect) — delegate to the self-contained pay button.
|
||||
if (action?.kind === "PAY_CLEARANCE") {
|
||||
return (
|
||||
<PayClearanceFeeButton
|
||||
sourceId={booking.id}
|
||||
currency={booking.paymentCurrency}
|
||||
label={action.label}
|
||||
size={size}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
const Icon = action ? ICON_BY_KIND[action.kind] : PencilLine;
|
||||
const label = action ? action.label : "Update & resubmit";
|
||||
// BOOK navigates to the booking form (cargo + day + window check) — the
|
||||
|
||||
@@ -7,7 +7,6 @@ import type { Freight } from "@edr/types";
|
||||
* to operation.
|
||||
*/
|
||||
export type BookingActionKind =
|
||||
| "PAY_CLEARANCE" // AWAITING_CLEARANCE_PAYMENT — pay the prepaid clearance service fee
|
||||
| "UPLOAD_DOCUMENTS" // AWAITING_DOCUMENTS — upload the required clearance docs
|
||||
| "FIX_DOCUMENTS" // DOCUMENTS_UNDER_REVIEW — some docs queried, re-upload them
|
||||
| "SCHEDULE_OPERATION" // CLEARANCE_READY (legacy with cargo) — pick a day and proceed
|
||||
@@ -24,11 +23,6 @@ export interface BookingNextAction {
|
||||
}
|
||||
|
||||
const ACTION_BY_STATUS: Record<string, BookingNextAction> = {
|
||||
AWAITING_CLEARANCE_PAYMENT: {
|
||||
kind: "PAY_CLEARANCE",
|
||||
label: "Pay clearance fee",
|
||||
title: "Pay the clearance service fee",
|
||||
},
|
||||
AWAITING_DOCUMENTS: {
|
||||
kind: "UPLOAD_DOCUMENTS",
|
||||
label: "Upload documents",
|
||||
|
||||
@@ -1,135 +0,0 @@
|
||||
import { Button, type ButtonProps } from "@mantine/core";
|
||||
import { useMutation, useQuery } from "@tanstack/react-query";
|
||||
import { CreditCard } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
import { ModalSafeWrapper } from "@/components/customer-actions/ModalSafeWrapper";
|
||||
import { isPayable } from "@/pages/billing/invoice-ui";
|
||||
import { api } from "@/services/api";
|
||||
import { invoicesService } from "@/services/invoices.service";
|
||||
import {
|
||||
paymentsService,
|
||||
type PaymentMethod,
|
||||
} from "@/services/payments.service";
|
||||
import { PaymentMethodModal } from "../BookingDetailPage/components/PaymentMethodModal";
|
||||
|
||||
/**
|
||||
* Payment flow for the prepaid customs clearance service fee. The fee is its
|
||||
* own `clearance`-source invoice — sourceId is the contract id (ONE_TIME,
|
||||
* contract status AWAITING_CLEARANCE_PAYMENT) or the booking id (GENERAL
|
||||
* shipment request, booking status AWAITING_CLEARANCE_PAYMENT). Paying it
|
||||
* unlocks the clearance document upload; same modal + provider redirect as
|
||||
* booking payment.
|
||||
*/
|
||||
export function useClearanceFeePayment(sourceId: string) {
|
||||
const [modalOpen, setModalOpen] = useState(false);
|
||||
|
||||
const { data: invoices = [] } = useQuery({
|
||||
queryKey: ["clearance-invoices", sourceId],
|
||||
queryFn: () => invoicesService.listForSource("clearance", sourceId),
|
||||
enabled: Boolean(sourceId),
|
||||
});
|
||||
const payableInvoice = invoices.find((inv) => isPayable(inv.status)) ?? null;
|
||||
|
||||
const mutation = useMutation({
|
||||
mutationFn: (method: PaymentMethod) => {
|
||||
if (!payableInvoice) {
|
||||
throw new Error(
|
||||
"No payable clearance-fee invoice found yet. Please refresh or contact support.",
|
||||
);
|
||||
}
|
||||
return api.invoices.pay.call({
|
||||
id: payableInvoice.id,
|
||||
payload: { method, platform: "web" },
|
||||
});
|
||||
},
|
||||
onSuccess: (data, method) => {
|
||||
const redirectUrl =
|
||||
data?.clientAction?.type === "REDIRECT" && data.clientAction.url
|
||||
? data.clientAction.url
|
||||
: paymentsService.checkoutUrlForInvoice({
|
||||
invoiceId: payableInvoice!.id,
|
||||
method,
|
||||
});
|
||||
window.location.href = redirectUrl;
|
||||
},
|
||||
});
|
||||
|
||||
const close = () => {
|
||||
if (!mutation.isPending) {
|
||||
setModalOpen(false);
|
||||
mutation.reset();
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
invoice: payableInvoice,
|
||||
modalOpen,
|
||||
open: () => setModalOpen(true),
|
||||
close,
|
||||
processing: mutation.isPending,
|
||||
error: mutation.isError
|
||||
? mutation.error instanceof Error
|
||||
? mutation.error.message
|
||||
: "Could not start payment. Please try again."
|
||||
: null,
|
||||
confirm: (method: PaymentMethod) => mutation.mutate(method),
|
||||
};
|
||||
}
|
||||
|
||||
interface PayClearanceFeeButtonProps {
|
||||
/** Contract id (ONE_TIME) or booking id (GENERAL shipment) the fee bills. */
|
||||
sourceId: string;
|
||||
/** Fallback currency while the invoice is loading. */
|
||||
currency?: string;
|
||||
label?: string;
|
||||
size?: ButtonProps["size"];
|
||||
fullWidth?: boolean;
|
||||
}
|
||||
|
||||
/** Self-contained "Pay clearance fee" action — modal in place, no navigation. */
|
||||
export function PayClearanceFeeButton({
|
||||
sourceId,
|
||||
currency,
|
||||
label = "Pay clearance fee",
|
||||
size = "xs",
|
||||
fullWidth,
|
||||
}: PayClearanceFeeButtonProps) {
|
||||
const pay = useClearanceFeePayment(sourceId);
|
||||
|
||||
return (
|
||||
<ModalSafeWrapper>
|
||||
<Button
|
||||
size={size}
|
||||
radius="md"
|
||||
fw={700}
|
||||
fz={13}
|
||||
color="edr-green"
|
||||
fullWidth={fullWidth}
|
||||
leftSection={<CreditCard size={14} />}
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
pay.open();
|
||||
}}
|
||||
>
|
||||
{label}
|
||||
</Button>
|
||||
|
||||
<PaymentMethodModal
|
||||
opened={pay.modalOpen}
|
||||
onClose={pay.close}
|
||||
amountLabel={
|
||||
pay.invoice
|
||||
? `${Number(
|
||||
pay.invoice.balanceAmount ?? pay.invoice.totalAmount,
|
||||
).toLocaleString()} ${pay.invoice.currency}`
|
||||
: undefined
|
||||
}
|
||||
currency={pay.invoice?.currency ?? currency}
|
||||
processing={pay.processing}
|
||||
error={pay.error}
|
||||
onConfirm={pay.confirm}
|
||||
/>
|
||||
</ModalSafeWrapper>
|
||||
);
|
||||
}
|
||||
@@ -72,7 +72,6 @@ import { ContractClearancePanel } from "./ContractClearancePanel";
|
||||
import { ContractClearanceWorkflowBanner } from "./ContractClearanceWorkflowBanner";
|
||||
import { ClearanceUploadedDocumentsPanel } from "@/components/contracts/ClearanceUploadedDocumentsPanel";
|
||||
import { InitiateBookingButton } from "@/components/customer-actions/ContractCustomerAction";
|
||||
import { PayClearanceFeeButton } from "@/pages/bookings/payments/PayClearanceFeeButton";
|
||||
import { formatRateUnit } from "./new-contract-form/unit-rates";
|
||||
import { getContractBookingAction } from "./contract-booking-action";
|
||||
import { closedWindowMessage, hasOpenWindow } from "./booking-window";
|
||||
@@ -438,9 +437,6 @@ export default function ContractDetailPage() {
|
||||
// clearance is finalized.
|
||||
const canUploadClearance =
|
||||
CLEARANCE_UPLOAD_STATUSES.includes(contract.status) && !clearanceFinalized;
|
||||
// Prepaid clearance service fee gate (Path B) — the document step stays
|
||||
// locked until the fee invoice settles.
|
||||
const awaitingClearanceFee = contract.status === "AWAITING_CLEARANCE_PAYMENT";
|
||||
|
||||
return (
|
||||
<Box style={{ padding: "28px 32px 40px" }}>
|
||||
@@ -574,13 +570,6 @@ export default function ContractDetailPage() {
|
||||
Global Logistics is creating your booking
|
||||
</Badge>
|
||||
)}
|
||||
{awaitingClearanceFee && (
|
||||
<PayClearanceFeeButton
|
||||
sourceId={contract.id}
|
||||
currency={contract.paymentCurrency}
|
||||
size="md"
|
||||
/>
|
||||
)}
|
||||
{canUploadClearance && (
|
||||
<Button
|
||||
color="edr-green"
|
||||
@@ -935,8 +924,8 @@ export default function ContractDetailPage() {
|
||||
)}
|
||||
{item.isClearance && (
|
||||
<Text fz={12} c="orange.7" fw={600}>
|
||||
Paid in advance, before clearance — excluded from
|
||||
shipment invoices
|
||||
Customs service fee — billed on your shipment booking
|
||||
invoice together with the freight
|
||||
</Text>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
@@ -19,6 +19,7 @@ import {
|
||||
Title,
|
||||
} from "@mantine/core";
|
||||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
import { isAxiosError } from "axios";
|
||||
import {
|
||||
AlertCircle,
|
||||
Check,
|
||||
@@ -218,6 +219,12 @@ export default function NewContractPage({
|
||||
},
|
||||
});
|
||||
|
||||
// 422 from generate-price = a required rate isn't configured for the chosen
|
||||
// route — the customer can't fix it, so it's surfaced as a blocking modal.
|
||||
const rateNotConfigured =
|
||||
isAxiosError(persistAndPriceMutation.error) &&
|
||||
persistAndPriceMutation.error.response?.status === 422;
|
||||
|
||||
const confirmMutation = useMutation({
|
||||
mutationFn: async () => {
|
||||
if (!priceContractId) throw new Error("No contract to confirm");
|
||||
@@ -759,7 +766,7 @@ export default function NewContractPage({
|
||||
<StepIndicator step={step} steps={visibleSteps} />
|
||||
</Box>
|
||||
|
||||
{persistAndPriceMutation.isError && (
|
||||
{persistAndPriceMutation.isError && !rateNotConfigured && (
|
||||
<Alert
|
||||
color="red"
|
||||
icon={<AlertCircle size={16} />}
|
||||
@@ -777,6 +784,28 @@ export default function NewContractPage({
|
||||
</Alert>
|
||||
)}
|
||||
|
||||
{/* Pricing not configured (422) — a rate is missing on the chosen
|
||||
route, nothing the customer can fix. Block with a modal. */}
|
||||
<Modal
|
||||
opened={rateNotConfigured}
|
||||
onClose={() => persistAndPriceMutation.reset()}
|
||||
title="Contract creation unavailable"
|
||||
centered
|
||||
>
|
||||
<Stack gap="sm">
|
||||
<Text size="sm">
|
||||
You can't create a contract right now — pricing hasn't
|
||||
been configured for the selected route yet. Please contact
|
||||
support for assistance.
|
||||
</Text>
|
||||
<Group justify="flex-end">
|
||||
<Button onClick={() => persistAndPriceMutation.reset()}>
|
||||
OK
|
||||
</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Modal>
|
||||
|
||||
{/* Step 0 — Setup: operation, contract, service, currency, miles. */}
|
||||
{step === 0 && (
|
||||
<StepCard>
|
||||
@@ -964,8 +993,8 @@ export default function NewContractPage({
|
||||
)}
|
||||
{item.isClearance && (
|
||||
<Text size="xs" c="orange.7" fw={600}>
|
||||
Paid in advance, before clearance — not part of your
|
||||
shipment booking invoice
|
||||
Customs service fee — billed on your shipment booking
|
||||
invoice together with the freight
|
||||
</Text>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
@@ -125,10 +125,6 @@ export const CONTRACT_STATUS_CONFIG: Record<
|
||||
FULLY_EXECUTED: { label: "Fully Executed", ...TONE.success },
|
||||
CONTRACT_ACTIVE: { label: "Active", ...TONE.success },
|
||||
// ── Path B pre-booking clearance (contract-level) ──
|
||||
AWAITING_CLEARANCE_PAYMENT: {
|
||||
label: "Clearance Fee Due",
|
||||
...TONE.warning,
|
||||
},
|
||||
AWAITING_CLEARANCE_DOCUMENTS: {
|
||||
label: "Upload Clearance Docs",
|
||||
...TONE.warning,
|
||||
|
||||
@@ -4,6 +4,7 @@ import type { Freight } from "@edr/types";
|
||||
export function formatRateUnit(unit: Freight.ContractRateUnit | string): string {
|
||||
const map: Record<string, string> = {
|
||||
per_container: "container",
|
||||
per_wagon: "wagon",
|
||||
per_ton: "ton",
|
||||
per_item: "item",
|
||||
per_km: "km",
|
||||
|
||||
@@ -48,8 +48,12 @@ export function computeShipmentTotal(
|
||||
(i) =>
|
||||
i.containerSize === line.containerSize &&
|
||||
i.unit === "per_container" &&
|
||||
!i.conditionalOn,
|
||||
) ?? rateFor((i) => i.containerSize === line.containerSize);
|
||||
!i.conditionalOn &&
|
||||
!i.isClearance,
|
||||
) ??
|
||||
rateFor(
|
||||
(i) => i.containerSize === line.containerSize && !i.isClearance,
|
||||
);
|
||||
if (rate) {
|
||||
lines.push({
|
||||
label: rate.label,
|
||||
@@ -106,7 +110,12 @@ export function computeShipmentTotal(
|
||||
} else {
|
||||
const qty = Number(values.cargoWeightTons || values.itemCount || 0);
|
||||
const rate =
|
||||
rateFor((i) => i.unit === "per_ton" || i.unit === "per_item") ?? items[0];
|
||||
rateFor(
|
||||
(i) =>
|
||||
(i.unit === "per_ton" || i.unit === "per_item") &&
|
||||
!i.isClearance &&
|
||||
!i.conditionalOn,
|
||||
) ?? items[0];
|
||||
if (rate && qty > 0) {
|
||||
lines.push({
|
||||
label: rate.label,
|
||||
@@ -144,6 +153,53 @@ export function computeShipmentTotal(
|
||||
}
|
||||
}
|
||||
|
||||
// Lashing / cargo securing — bulk-only, applies whenever the contract shows
|
||||
// it (the commodity needs lashing). Per-ton scales by tonnage; per-wagon
|
||||
// depends on the wagon capacity the train stocks — shown at real pricing.
|
||||
const lashing = items.find((i) => i.conditionalOn === "has_lashing");
|
||||
if (lashing && lashing.unit === "per_ton") {
|
||||
const tons = Number(values.cargoWeightTons || 0);
|
||||
if (tons > 0) {
|
||||
lines.push({
|
||||
label: lashing.label,
|
||||
unitPrice: lashing.unitPrice,
|
||||
unit: lashing.unit,
|
||||
quantity: tons,
|
||||
amount: lashing.unitPrice * tons,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Customs clearance service fee — billed on the booking invoice with the
|
||||
// freight. Container fees estimate per size (per box, or per wagon: two 20ft
|
||||
// share one); bulk per-ton scales by tonnage. Bulk per-wagon fees depend on
|
||||
// the wagon capacity the train stocks — shown at real pricing, not estimated.
|
||||
for (const cl of items.filter((i) => i.isClearance)) {
|
||||
let qty = 0;
|
||||
if (isContainer) {
|
||||
const boxes = (values.containers ?? [])
|
||||
.filter((c) => c.containerSize === cl.containerSize)
|
||||
.reduce((s, c) => s + Number(c.quantity || 0), 0);
|
||||
qty =
|
||||
cl.unit === "per_wagon"
|
||||
? Math.ceil(boxes * (cl.containerSize === "40ft" ? 1 : 0.5))
|
||||
: boxes;
|
||||
} else if (cl.unit === "per_ton") {
|
||||
qty = Number(values.cargoWeightTons || 0);
|
||||
} else if (cl.unit === "flat") {
|
||||
qty = 1;
|
||||
}
|
||||
if (qty > 0) {
|
||||
lines.push({
|
||||
label: cl.label,
|
||||
unitPrice: cl.unitPrice,
|
||||
unit: cl.unit,
|
||||
quantity: qty,
|
||||
amount: cl.unitPrice * qty,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
const total = lines.reduce((s, l) => s + l.amount, 0);
|
||||
return { currency, lines, total };
|
||||
}
|
||||
|
||||
@@ -165,6 +165,64 @@ WHERE NOT EXISTS (
|
||||
SELECT 1 FROM freight.wagons w WHERE w.wagon_number = 'ECW' || lpad(g::text, 4, '0')
|
||||
);
|
||||
|
||||
-- 5b3. Ledger-day rolling stock: wheat may also ride PW2 box wagons, and the
|
||||
-- GRAIN train is a BUILT Train-Builder consist — 37 PW2 wagons coupled at
|
||||
-- KALITY behind two dedicated locos. A built train's physical wagon count IS
|
||||
-- its schedule capacity (37), immune to the loco-length slot recompute.
|
||||
INSERT INTO freight.cargo_type_wagon_types (cargo_type_id, wagon_type_id)
|
||||
SELECT ct.id, wt.id
|
||||
FROM freight.cargo_types ct
|
||||
JOIN freight.wagon_types wt ON wt.code = 'PW2'
|
||||
WHERE ct.code IN ('E2E_IMP_GRAINS', 'E2E_IMP_WHEAT')
|
||||
AND NOT EXISTS (
|
||||
SELECT 1 FROM freight.cargo_type_wagon_types x
|
||||
WHERE x.cargo_type_id = ct.id AND x.wagon_type_id = wt.id
|
||||
);
|
||||
|
||||
INSERT INTO freight.locomotives
|
||||
(id, code, max_pull_weight_tons, max_train_length_meters, current_yard_id)
|
||||
SELECT gen_random_uuid(), v.code, 9000, 760, y.id
|
||||
FROM (VALUES ('LOCO-LED-1'), ('LOCO-LED-2')) AS v(code)
|
||||
JOIN freight.yards y ON y.code = 'KALITY'
|
||||
WHERE NOT EXISTS (SELECT 1 FROM freight.locomotives l WHERE l.code = v.code);
|
||||
|
||||
INSERT INTO freight.trains
|
||||
(id, code, train_name, capacity_tons, current_yard_id,
|
||||
import_train_number, export_train_number)
|
||||
SELECT gen_random_uuid(), 'TRN-LEDGER-PW2', 'Ledger Grain Carrier', 2600, y.id,
|
||||
'9102', '9101'
|
||||
FROM freight.yards y
|
||||
WHERE y.code = 'KALITY'
|
||||
AND NOT EXISTS (SELECT 1 FROM freight.trains t WHERE t.code = 'TRN-LEDGER-PW2');
|
||||
|
||||
INSERT INTO freight.train_locomotives (id, train_id, locomotive_id, sequence_no)
|
||||
SELECT gen_random_uuid(), t.id, l.id,
|
||||
row_number() OVER (ORDER BY l.code) - 1
|
||||
FROM freight.trains t
|
||||
JOIN freight.locomotives l ON l.code IN ('LOCO-LED-1', 'LOCO-LED-2')
|
||||
WHERE t.code = 'TRN-LEDGER-PW2'
|
||||
AND NOT EXISTS (
|
||||
SELECT 1 FROM freight.train_locomotives tl
|
||||
WHERE tl.train_id = t.id AND tl.locomotive_id = l.id
|
||||
);
|
||||
|
||||
UPDATE freight.wagons w
|
||||
SET train_id = t.id,
|
||||
sequence_number = sub.rn,
|
||||
current_yard_id = (SELECT id FROM freight.yards WHERE code = 'KALITY')
|
||||
FROM freight.trains t,
|
||||
LATERAL (
|
||||
SELECT w2.id, row_number() OVER (ORDER BY w2.wagon_number) AS rn
|
||||
FROM freight.wagons w2
|
||||
JOIN freight.wagon_types wt ON wt.id = w2.wagon_type_id AND wt.code = 'PW2'
|
||||
WHERE w2.train_id IS NULL AND w2.deleted_at IS NULL
|
||||
ORDER BY w2.wagon_number
|
||||
LIMIT 37
|
||||
) sub
|
||||
WHERE t.code = 'TRN-LEDGER-PW2'
|
||||
AND w.id = sub.id
|
||||
AND NOT EXISTS (SELECT 1 FROM freight.wagons wx WHERE wx.train_id = t.id);
|
||||
|
||||
-- 5c. Approved exporter profile — export contracts bill against it
|
||||
-- (seed-company.sql only creates the importer).
|
||||
INSERT INTO freight.company_profiles (id, company_id, type, status, reference)
|
||||
|
||||
@@ -42,7 +42,6 @@ export const CONTRACT_STATUSES = [
|
||||
"FULLY_EXECUTED", // ONE_TIME
|
||||
"CONTRACT_ACTIVE", // GENERAL
|
||||
// customs clearance execution (Path B, pre-booking)
|
||||
"AWAITING_CLEARANCE_PAYMENT", // clearance service fee invoiced, unpaid
|
||||
"AWAITING_CLEARANCE_DOCUMENTS",
|
||||
"CLEARANCE_UNDER_REVIEW",
|
||||
"CLEARANCE_READY_FOR_BOOKING",
|
||||
@@ -68,7 +67,6 @@ export type ContractStatus = (typeof CONTRACT_STATUSES)[number];
|
||||
*/
|
||||
export const CONTRACT_CLEARANCE_STATUSES = [
|
||||
"NOT_APPLICABLE",
|
||||
"AWAITING_PAYMENT", // Path B — clearance service fee must be paid first
|
||||
"AWAITING_DOCUMENTS",
|
||||
"DOCUMENTS_UNDER_REVIEW",
|
||||
"CLEARANCE_READY_FOR_BOOKING", // Path B — GL may create the booking
|
||||
@@ -89,6 +87,7 @@ export const CONTRACT_CUSTOMER_EDITABLE_STATUSES: ContractStatus[] = [
|
||||
|
||||
export type ContractRateUnit =
|
||||
| "per_container"
|
||||
| "per_wagon"
|
||||
| "per_ton"
|
||||
| "per_item"
|
||||
| "per_km"
|
||||
|
||||
@@ -103,8 +103,6 @@ export enum BookingStatus {
|
||||
PendingConsolidation = "PENDING_CONSOLIDATION",
|
||||
Consolidated = "CONSOLIDATED",
|
||||
// Post counter-sign document-clearance gate (GL workflow).
|
||||
/** Clearance service fee invoiced; docs + GL work locked until paid. */
|
||||
AwaitingClearancePayment = "AWAITING_CLEARANCE_PAYMENT",
|
||||
AwaitingDocuments = "AWAITING_DOCUMENTS",
|
||||
DocumentsUnderReview = "DOCUMENTS_UNDER_REVIEW",
|
||||
ClearanceReady = "CLEARANCE_READY",
|
||||
|
||||
Reference in New Issue
Block a user