@voyant-travel/distribution-react 0.109.8

package/dist/components/mapping-detail-page.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, Link2, Loader2, Package } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getMappingQueryOptions, getProductQueryOptions, successEnvelope, useVoyantDistributionContext, } from "../index.js";
+import { formatDistributionDateTime } from "./distribution-shared.js";
+const noop = () => { };
+export function MappingDetailPage({ id, className, onBack = noop, onDeleted = noop, onChannelOpen = noop, onProductOpen = noop, }) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const detail = messages.details.mapping;
+    const client = useVoyantDistributionContext();
+    const queryClient = useQueryClient();
+    const mappingQuery = useQuery({
+        ...getMappingQueryOptions(client, id),
+        select: (result) => result.data,
+    });
+    const mapping = mappingQuery.data;
+    const channelQuery = useQuery({
+        ...getChannelQueryOptions(client, mapping?.channelId),
+        select: (result) => result.data,
+        enabled: Boolean(mapping?.channelId),
+    });
+    const productQuery = useQuery({
+        ...getProductQueryOptions(client, mapping?.productId),
+        select: (result) => result.data,
+        enabled: Boolean(mapping?.productId),
+    });
+    const remove = useMutation({
+        mutationFn: () => fetchWithValidation(`/v1/distribution/product-mappings/${id}`, successEnvelope, client, {
+            method: "DELETE", // i18n-literal-ok HTTP method
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.mappings() });
+            queryClient.removeQueries({ queryKey: distributionQueryKeys.mapping(id) });
+            onDeleted();
+            onBack();
+        },
+    });
+    if (mappingQuery.isPending) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }));
+    }
+    if (!mapping) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: detail.notFound }), _jsx(Button, { variant: "outline", onClick: onBack, children: messages.common.backToDistribution })] }));
+    }
+    return (_jsxs("div", { "data-slot": "mapping-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: detail.title }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(Badge, { variant: mapping.active ? "default" : "secondary", children: mapping.active ? messages.common.active : messages.common.inactive }), _jsx(Badge, { variant: "outline", children: mapping.externalProductId })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => onChannelOpen(mapping.channelId), children: [_jsx(Link2, { className: "mr-2 h-4 w-4" }), detail.openChannel] }), _jsxs(Button, { variant: "outline", onClick: () => onProductOpen(mapping.productId), children: [_jsx(Package, { className: "mr-2 h-4 w-4" }), detail.openProduct] }), _jsx(ConfirmActionButton, { buttonLabel: detail.deleteButton, confirmLabel: detail.deleteButton, title: detail.deleteConfirm, description: detail.deleteDescription, variant: "destructive", confirmVariant: "destructive", disabled: remove.isPending, onConfirm: async () => {
+                                    await remove.mutateAsync();
+                                } })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.sections.details }) }), _jsxs(CardContent, { className: "grid gap-3 text-sm md:grid-cols-2", children: [_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.channelLabel, ":"] }), " ", _jsx("span", { children: channelQuery.data?.name ?? mapping.channelId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.productLabel, ":"] }), " ", _jsx("span", { children: productQuery.data?.name ?? mapping.productId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalProduct, ":"] }), " ", _jsx("span", { children: mapping.externalProductId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalRate, ":"] }), " ", _jsx("span", { children: mapping.externalRateId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalCategory, ":"] }), " ", _jsx("span", { children: mapping.externalCategoryId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.createdLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(mapping.createdAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.updatedLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(mapping.updatedAt, i18n) })] })] })] })] }));
+}

package/dist/components/webhook-event-detail-page.d.ts

@@ -0,0 +1,9 @@
+export interface WebhookEventDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onChannelOpen?: (channelId: string) => void;
+}
+export declare function WebhookEventDetailPage({ id, className, onBack, onDeleted, onChannelOpen, }: WebhookEventDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=webhook-event-detail-page.d.ts.map

package/dist/components/webhook-event-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-event-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/webhook-event-detail-page.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAID,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,SAAS,EACT,MAAa,EACb,SAAgB,EAChB,aAAoB,GACrB,EAAE,2BAA2B,2CA0I7B"}

package/dist/components/webhook-event-detail-page.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, Link2, Loader2, Webhook } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getWebhookEventQueryOptions, successEnvelope, useVoyantDistributionContext, } from "../index.js";
+import { formatDistributionDateTime } from "./distribution-shared.js";
+const noop = () => { };
+export function WebhookEventDetailPage({ id, className, onBack = noop, onDeleted = noop, onChannelOpen = noop, }) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const detail = messages.details.webhookEvent;
+    const client = useVoyantDistributionContext();
+    const queryClient = useQueryClient();
+    const eventQuery = useQuery({
+        ...getWebhookEventQueryOptions(client, id),
+        select: (result) => result.data,
+    });
+    const event = eventQuery.data;
+    const channelQuery = useQuery({
+        ...getChannelQueryOptions(client, event?.channelId),
+        select: (result) => result.data,
+        enabled: Boolean(event?.channelId),
+    });
+    const remove = useMutation({
+        mutationFn: () => fetchWithValidation(`/v1/distribution/webhook-events/${id}`, successEnvelope, client, {
+            method: "DELETE", // i18n-literal-ok HTTP method
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.webhookEvents() });
+            queryClient.removeQueries({ queryKey: distributionQueryKeys.webhookEvent(id) });
+            onDeleted();
+            onBack();
+        },
+    });
+    if (eventQuery.isPending) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }));
+    }
+    if (!event) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: detail.notFound }), _jsx(Button, { variant: "outline", onClick: onBack, children: messages.common.backToDistribution })] }));
+    }
+    return (_jsxs("div", { "data-slot": "webhook-event-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: detail.title }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: messages.common.webhookStatusLabels[event.status] }), _jsx(Badge, { variant: "secondary", children: event.eventType })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => onChannelOpen(event.channelId), children: [_jsx(Link2, { className: "mr-2 h-4 w-4" }), detail.openChannel] }), _jsx(ConfirmActionButton, { buttonLabel: detail.deleteButton, confirmLabel: detail.deleteButton, title: detail.deleteConfirm, description: detail.deleteDescription, variant: "destructive", confirmVariant: "destructive", disabled: remove.isPending, onConfirm: async () => {
+                                    await remove.mutateAsync();
+                                } })] })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Webhook, { className: "h-4 w-4" }), _jsx(CardTitle, { children: detail.sections.details })] }), _jsxs(CardContent, { className: "grid gap-3 text-sm", children: [_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.channelLabel, ":"] }), " ", _jsx("span", { children: channelQuery.data?.name ?? event.channelId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalEvent, ":"] }), " ", _jsx("span", { children: event.externalEventId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.received, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.receivedAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.processed, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.processedAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.createdLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.createdAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.updatedLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.updatedAt, i18n) })] }), event.errorMessage ? (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-muted-foreground", children: detail.labels.error }), _jsx("div", { className: "whitespace-pre-wrap rounded-md border p-3", children: event.errorMessage })] })) : null] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.sections.payload }) }), _jsx(CardContent, { className: "text-sm", children: _jsx("pre", { className: "overflow-x-auto rounded-md bg-muted p-3 text-xs", children: JSON.stringify(event.payload, null, 2) }) })] })] })] }));
+}

package/dist/constants.d.ts

@@ -0,0 +1,103 @@
+export declare const NONE_VALUE = "__none__";
+export declare const channelKindOptions: readonly [{
+    readonly value: "direct";
+    readonly label: "Direct";
+}, {
+    readonly value: "affiliate";
+    readonly label: "Affiliate";
+}, {
+    readonly value: "ota";
+    readonly label: "OTA";
+}, {
+    readonly value: "reseller";
+    readonly label: "Reseller";
+}, {
+    readonly value: "marketplace";
+    readonly label: "Marketplace";
+}, {
+    readonly value: "api_partner";
+    readonly label: "API Partner";
+}, {
+    readonly value: "connect";
+    readonly label: "Connect";
+}];
+export declare const channelStatusOptions: readonly [{
+    readonly value: "active";
+    readonly label: "Active";
+}, {
+    readonly value: "inactive";
+    readonly label: "Inactive";
+}, {
+    readonly value: "pending";
+    readonly label: "Pending";
+}, {
+    readonly value: "archived";
+    readonly label: "Archived";
+}];
+export declare const contractStatusOptions: readonly [{
+    readonly value: "draft";
+    readonly label: "Draft";
+}, {
+    readonly value: "active";
+    readonly label: "Active";
+}, {
+    readonly value: "expired";
+    readonly label: "Expired";
+}, {
+    readonly value: "terminated";
+    readonly label: "Terminated";
+}];
+export declare const paymentOwnerOptions: readonly [{
+    readonly value: "operator";
+    readonly label: "Operator";
+}, {
+    readonly value: "channel";
+    readonly label: "Channel";
+}, {
+    readonly value: "split";
+    readonly label: "Split";
+}];
+export declare const cancellationOwnerOptions: readonly [{
+    readonly value: "operator";
+    readonly label: "Operator";
+}, {
+    readonly value: "channel";
+    readonly label: "Channel";
+}, {
+    readonly value: "mixed";
+    readonly label: "Mixed";
+}];
+export declare const commissionScopeOptions: readonly [{
+    readonly value: "booking";
+    readonly label: "Booking";
+}, {
+    readonly value: "product";
+    readonly label: "Product";
+}, {
+    readonly value: "rate";
+    readonly label: "Rate";
+}, {
+    readonly value: "category";
+    readonly label: "Category";
+}];
+export declare const commissionTypeOptions: readonly [{
+    readonly value: "fixed";
+    readonly label: "Fixed";
+}, {
+    readonly value: "percentage";
+    readonly label: "Percentage";
+}];
+export declare const webhookStatusOptions: readonly [{
+    readonly value: "pending";
+    readonly label: "Pending";
+}, {
+    readonly value: "processed";
+    readonly label: "Processed";
+}, {
+    readonly value: "failed";
+    readonly label: "Failed";
+}, {
+    readonly value: "ignored";
+    readonly label: "Ignored";
+}];
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,aAAa,CAAA;AAEpC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;EAQrB,CAAA;AAEV,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAKvB,CAAA;AAEV,eAAO,MAAM,qBAAqB;;;;;;;;;;;;EAKxB,CAAA;AAEV,eAAO,MAAM,mBAAmB;;;;;;;;;EAItB,CAAA;AAEV,eAAO,MAAM,wBAAwB;;;;;;;;;EAI3B,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;;;;;;;EAKzB,CAAA;AAEV,eAAO,MAAM,qBAAqB;;;;;;EAGxB,CAAA;AAEV,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAKvB,CAAA"}

package/dist/constants.js

@@ -0,0 +1,48 @@
+export const NONE_VALUE = "__none__";
+export const channelKindOptions = [
+    { value: "direct", label: "Direct" },
+    { value: "affiliate", label: "Affiliate" },
+    { value: "ota", label: "OTA" },
+    { value: "reseller", label: "Reseller" },
+    { value: "marketplace", label: "Marketplace" },
+    { value: "api_partner", label: "API Partner" },
+    { value: "connect", label: "Connect" },
+];
+export const channelStatusOptions = [
+    { value: "active", label: "Active" },
+    { value: "inactive", label: "Inactive" },
+    { value: "pending", label: "Pending" },
+    { value: "archived", label: "Archived" },
+];
+export const contractStatusOptions = [
+    { value: "draft", label: "Draft" },
+    { value: "active", label: "Active" },
+    { value: "expired", label: "Expired" },
+    { value: "terminated", label: "Terminated" },
+];
+export const paymentOwnerOptions = [
+    { value: "operator", label: "Operator" },
+    { value: "channel", label: "Channel" },
+    { value: "split", label: "Split" },
+];
+export const cancellationOwnerOptions = [
+    { value: "operator", label: "Operator" },
+    { value: "channel", label: "Channel" },
+    { value: "mixed", label: "Mixed" },
+];
+export const commissionScopeOptions = [
+    { value: "booking", label: "Booking" },
+    { value: "product", label: "Product" },
+    { value: "rate", label: "Rate" },
+    { value: "category", label: "Category" },
+];
+export const commissionTypeOptions = [
+    { value: "fixed", label: "Fixed" },
+    { value: "percentage", label: "Percentage" },
+];
+export const webhookStatusOptions = [
+    { value: "pending", label: "Pending" },
+    { value: "processed", label: "Processed" },
+    { value: "failed", label: "Failed" },
+    { value: "ignored", label: "Ignored" },
+];

package/dist/external-refs/client.d.ts

@@ -0,0 +1,14 @@
+import type { z } from "zod";
+export type VoyantFetcher = (url: string, init?: RequestInit) => Promise<Response>;
+export declare const defaultFetcher: VoyantFetcher;
+export declare class VoyantApiError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+export interface FetchWithValidationOptions {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}
+export declare function fetchWithValidation<TOut>(path: string, schema: z.ZodType<TOut>, options: FetchWithValidationOptions, init?: RequestInit): Promise<TOut>;
+//# sourceMappingURL=client.d.ts.map

package/dist/external-refs/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/external-refs/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAElF,eAAO,MAAM,cAAc,EAAE,aACoB,CAAA;AAEjD,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;CAM3D;AAaD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,0BAA0B,EACnC,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CA8Bf"}

package/dist/external-refs/client.js

@@ -0,0 +1,58 @@
+export const defaultFetcher = (url, init) => fetch(url, { credentials: "include", ...init });
+export class VoyantApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.name = "VoyantApiError";
+        this.status = status;
+        this.body = body;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const err = body.error;
+        if (typeof err === "string")
+            return err;
+        if (typeof err === "object" && err !== null && "message" in err) {
+            return String(err.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+export async function fetchWithValidation(path, schema, options, init) {
+    const url = joinUrl(options.baseUrl, path);
+    const headers = new Headers(init?.headers);
+    if (init?.body !== undefined && !headers.has("Content-Type")) {
+        headers.set("Content-Type", "application/json");
+    }
+    const response = await options.fetcher(url, { ...init, headers });
+    if (!response.ok) {
+        const body = await safeJson(response);
+        throw new VoyantApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    if (response.status === 204)
+        return schema.parse(undefined);
+    const body = await safeJson(response);
+    const parsed = schema.safeParse(body);
+    if (!parsed.success) {
+        throw new VoyantApiError(`Voyant API response failed validation: ${parsed.error.message}`, response.status, body);
+    }
+    return parsed.data;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}

package/dist/external-refs/components/entity-ref-picker.d.ts

@@ -0,0 +1,21 @@
+type KnownEntityType = "person" | "organization" | "supplier" | "booking" | "product";
+export interface EntityRefPickerMessages {
+    entityTypeLabel: string;
+    entityLabel: string;
+    customEntityTypeLabel: string;
+    typePlaceholder: string;
+    entityPlaceholder: string;
+    entityTypeLabels: Record<KnownEntityType, string>;
+}
+export interface EntityRefPickerProps {
+    entityType: string;
+    entityId: string;
+    onChange: (scope: {
+        entityType: string;
+        entityId: string;
+    }) => void;
+    messages: EntityRefPickerMessages;
+}
+export declare function EntityRefPicker({ entityType, entityId, onChange, messages, }: EntityRefPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=entity-ref-picker.d.ts.map

package/dist/external-refs/components/entity-ref-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-ref-picker.d.ts","sourceRoot":"","sources":["../../../src/external-refs/components/entity-ref-picker.tsx"],"names":[],"mappings":"AAgBA,KAAK,eAAe,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAWrF,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;CAClD;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnE,QAAQ,EAAE,uBAAuB,CAAA;CAClC;AAMD,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,2CA4EtB"}

package/dist/external-refs/components/entity-ref-picker.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BookingCombobox } from "@voyant-travel/bookings-react/ui";
+import { ProductCombobox } from "@voyant-travel/inventory-react/ui";
+import { OrganizationCombobox, PersonCombobox } from "@voyant-travel/relationships-react/ui";
+import { Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { SupplierCombobox } from "../../suppliers/ui.js";
+const KNOWN_ENTITY_TYPES = [
+    "person",
+    "organization",
+    "supplier",
+    "booking",
+    "product",
+];
+function isKnownEntityType(value) {
+    return KNOWN_ENTITY_TYPES.includes(value);
+}
+export function EntityRefPicker({ entityType, entityId, onChange, messages, }) {
+    const selectedType = isKnownEntityType(entityType) ? entityType : "custom";
+    const setEntityType = (nextType) => {
+        if (nextType === "custom") {
+            onChange({ entityType: "", entityId: "" });
+            return;
+        }
+        onChange({ entityType: nextType, entityId: "" });
+    };
+    const setEntityId = (nextId) => {
+        onChange({ entityType, entityId: nextId ?? "" });
+    };
+    const entityPicker = isKnownEntityType(entityType) ? (entityType === "person" ? (_jsx(PersonCombobox, { value: entityId || null, onChange: setEntityId })) : entityType === "organization" ? (_jsx(OrganizationCombobox, { value: entityId || null, onChange: setEntityId })) : entityType === "supplier" ? (_jsx(SupplierCombobox, { value: entityId || null, onChange: setEntityId })) : entityType === "booking" ? (_jsx(BookingCombobox, { value: entityId || null, onChange: setEntityId })) : (_jsx(ProductCombobox, { value: entityId || null, onChange: setEntityId }))) : (_jsx(Input, { value: entityId, onChange: (event) => onChange({ entityType, entityId: event.target.value }), placeholder: messages.entityPlaceholder }));
+    return (_jsxs("div", { className: "grid max-w-2xl grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.entityTypeLabel }), _jsxs(Select, { items: [
+                            ...KNOWN_ENTITY_TYPES.map((type) => ({
+                                label: messages.entityTypeLabels[type],
+                                value: type,
+                            })),
+                            { label: messages.customEntityTypeLabel, value: "custom" },
+                        ], value: selectedType, onValueChange: (value) => setEntityType(value ?? "custom"), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: messages.typePlaceholder }) }), _jsxs(SelectContent, { children: [KNOWN_ENTITY_TYPES.map((type) => (_jsx(SelectItem, { value: type, children: messages.entityTypeLabels[type] }, type))), _jsx(SelectItem, { value: "custom", children: messages.customEntityTypeLabel })] })] }), selectedType === "custom" ? (_jsx(Input, { value: entityType, onChange: (event) => onChange({ entityType: event.target.value, entityId }), placeholder: messages.typePlaceholder })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.entityLabel }), entityPicker] })] }));
+}

package/dist/external-refs/components/external-ref-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type ExternalRefRecord } from "../index.js";
+export interface ExternalRefDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    entityType: string;
+    entityId: string;
+    externalRef?: ExternalRefRecord;
+    onSuccess?: (externalRef: ExternalRefRecord) => void;
+}
+export declare function ExternalRefDialog({ open, onOpenChange, entityType, entityId, externalRef, onSuccess, }: ExternalRefDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=external-ref-dialog.d.ts.map

package/dist/external-refs/components/external-ref-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-ref-dialog.d.ts","sourceRoot":"","sources":["../../../src/external-refs/components/external-ref-dialog.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAEL,KAAK,iBAAiB,EAGvB,MAAM,aAAa,CAAA;AA+CpB,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACrD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EAAE,sBAAsB,2CAiMxB"}

package/dist/external-refs/components/external-ref-dialog.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useExternalRefsUiI18nOrDefault } from "../i18n/provider.js";
+import { useExternalRefMutation, } from "../index.js";
+const REF_STATUSES = ["active", "inactive", "archived"];
+function createFormSchema(messages) {
+    return z.object({
+        sourceSystem: z
+            .string()
+            .min(1, messages.externalRefDialog.validation.sourceSystemRequired)
+            .max(100),
+        objectType: z
+            .string()
+            .min(1, messages.externalRefDialog.validation.objectTypeRequired)
+            .max(100),
+        namespace: z.string().min(1).max(100),
+        externalId: z
+            .string()
+            .min(1, messages.externalRefDialog.validation.externalIdRequired)
+            .max(255),
+        externalParentId: z.string().optional().nullable(),
+        isPrimary: z.boolean(),
+        status: z.enum(REF_STATUSES),
+        metadataJson: z
+            .string()
+            .refine((value) => {
+            if (!value || value.trim() === "")
+                return true;
+            try {
+                const parsed = JSON.parse(value);
+                return typeof parsed === "object" && parsed !== null && !Array.isArray(parsed);
+            }
+            catch {
+                return false;
+            }
+        }, { message: messages.externalRefDialog.validation.metadataMustBeObject })
+            .optional()
+            .nullable(),
+    });
+}
+export function ExternalRefDialog({ open, onOpenChange, entityType, entityId, externalRef, onSuccess, }) {
+    const isEditing = Boolean(externalRef);
+    const { create, update } = useExternalRefMutation();
+    const { messages } = useExternalRefsUiI18nOrDefault();
+    const m = messages.externalRefDialog;
+    const formSchema = createFormSchema(messages);
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            sourceSystem: "",
+            objectType: "",
+            namespace: "default",
+            externalId: "",
+            externalParentId: "",
+            isPrimary: false,
+            status: "active",
+            metadataJson: "",
+        },
+    });
+    useEffect(() => {
+        if (open && externalRef) {
+            form.reset({
+                sourceSystem: externalRef.sourceSystem,
+                objectType: externalRef.objectType,
+                namespace: externalRef.namespace,
+                externalId: externalRef.externalId,
+                externalParentId: externalRef.externalParentId ?? "",
+                isPrimary: externalRef.isPrimary,
+                status: externalRef.status,
+                metadataJson: externalRef.metadata ? JSON.stringify(externalRef.metadata, null, 2) : "",
+            });
+            return;
+        }
+        if (open) {
+            form.reset({
+                sourceSystem: "",
+                objectType: "",
+                namespace: "default",
+                externalId: "",
+                externalParentId: "",
+                isPrimary: false,
+                status: "active",
+                metadataJson: "",
+            });
+        }
+    }, [externalRef, form, open]);
+    const onSubmit = async (values) => {
+        const metadata = values.metadataJson && values.metadataJson.trim() !== ""
+            ? JSON.parse(values.metadataJson)
+            : null;
+        const payload = {
+            entityType,
+            entityId,
+            sourceSystem: values.sourceSystem,
+            objectType: values.objectType,
+            namespace: values.namespace,
+            externalId: values.externalId,
+            externalParentId: values.externalParentId || null,
+            isPrimary: values.isPrimary,
+            status: values.status,
+            metadata,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: externalRef.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.isSubmitting || create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? m.titles.edit : m.titles.add }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.sourceSystem }), _jsx(Input, { ...form.register("sourceSystem"), placeholder: m.placeholders.sourceSystem }), form.formState.errors.sourceSystem ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.sourceSystem.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.objectType }), _jsx(Input, { ...form.register("objectType"), placeholder: m.placeholders.objectType }), form.formState.errors.objectType ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.objectType.message })) : null] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.namespace }), _jsx(Input, { ...form.register("namespace"), placeholder: m.placeholders.namespace })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.externalId }), _jsx(Input, { ...form.register("externalId"), placeholder: m.placeholders.externalId }), form.formState.errors.externalId ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.externalId.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.externalParentId }), _jsx(Input, { ...form.register("externalParentId"), placeholder: m.placeholders.externalParentId })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.status }), _jsxs(Select, { items: REF_STATUSES.map((status) => ({
+                                                        label: messages.common.refStatusLabels[status],
+                                                        value: status,
+                                                    })), value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: REF_STATUSES.map((status) => (_jsx(SelectItem, { value: status, children: messages.common.refStatusLabels[status] }, status))) })] })] }), _jsxs("div", { className: "flex items-center gap-2 pt-6", children: [_jsx(Switch, { checked: form.watch("isPrimary"), onCheckedChange: (value) => form.setValue("isPrimary", value) }), _jsx(Label, { children: m.labels.primary })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: m.labels.metadataJson }), _jsx(Textarea, { ...form.register("metadataJson"), rows: 4, className: "font-mono text-xs", placeholder: m.placeholders.metadataJson }), form.formState.errors.metadataJson ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.metadataJson.message })) : null] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: m.actions.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? m.actions.saveChanges : m.actions.addExternalRef] })] })] })] }) }));
+}

package/dist/external-refs/components/external-refs-page.d.ts

@@ -0,0 +1,16 @@
+export interface ExternalRefsPageProps {
+    entityType?: string;
+    entityId?: string;
+    onScopeChange?: (scope: {
+        entityType: string;
+        entityId: string;
+    }) => void;
+    className?: string;
+}
+export declare function ExternalRefsPage({ entityType, entityId, onScopeChange, className, }?: ExternalRefsPageProps): import("react/jsx-runtime").JSX.Element;
+export interface ExternalRefsTabProps {
+    entityType: string;
+    entityId: string;
+}
+export declare function ExternalRefsTab({ entityType, entityId }: ExternalRefsTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=external-refs-page.d.ts.map

package/dist/external-refs/components/external-refs-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-refs-page.d.ts","sourceRoot":"","sources":["../../../src/external-refs/components/external-refs-page.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,QAAQ,EACR,aAAa,EACb,SAAS,GACV,GAAE,qBAA0B,2CAiD5B;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAkK7E"}