@voyant-travel/operations-react 0.0.0

package/dist/resources/components/resources-page.d.ts

@@ -0,0 +1,77 @@
+import type { ReactNode } from "react";
+import { type ResourceAllocationRow, type ResourceCloseoutRow, type ResourcePoolRow, type ResourceRow, type ResourceSlotAssignmentRow, type UseAllocationsOptions, type UseAssignmentsOptions, type UseBookingsOptions, type UseCloseoutsOptions, type UsePoolsOptions, type UseProductsOptions, type UseResourcesOptions, type UseRulesOptions, type UseSlotsOptions, type UseStartTimesOptions, type UseSuppliersOptions } from "../index.js";
+export type ResourcesPageTab = "resources" | "pools" | "allocations" | "assignments" | "closeouts";
+export type ResourcesPageActiveFilter = "all" | "active" | "inactive";
+export type ResourcesPageBulkUpdateArgs = {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+};
+export type ResourcesPageBulkDeleteArgs = {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    clearSelection: () => void;
+};
+export type ResourcesPageBulkUpdateHandler = (args: ResourcesPageBulkUpdateArgs) => Promise<void>;
+export type ResourcesPageBulkDeleteHandler = (args: ResourcesPageBulkDeleteArgs) => Promise<void>;
+export interface ResourcesPageSlots {
+    headerEnd?: ReactNode;
+    beforeTabs?: ReactNode;
+    afterOverview?: ReactNode;
+    afterTabs?: ReactNode;
+    dialogs?: ReactNode;
+}
+/**
+ * Per-list query options the page's data hooks run with. Hosts that SSR
+ * prefetch (route loaders) pass the same filters here so the loader-seeded
+ * cache entries and the page's hooks share query keys.
+ */
+export interface ResourcesPageQueryFilters {
+    suppliers?: UseSuppliersOptions;
+    products?: UseProductsOptions;
+    bookings?: UseBookingsOptions;
+    slots?: UseSlotsOptions;
+    rules?: UseRulesOptions;
+    startTimes?: UseStartTimesOptions;
+    resources?: UseResourcesOptions;
+    pools?: UsePoolsOptions;
+    allocations?: UseAllocationsOptions;
+    assignments?: UseAssignmentsOptions;
+    closeouts?: UseCloseoutsOptions;
+}
+export interface ResourcesPageProps {
+    className?: string;
+    defaultTab?: ResourcesPageTab;
+    bulkActionTarget?: string | null;
+    onBulkUpdate: ResourcesPageBulkUpdateHandler;
+    onBulkDelete: ResourcesPageBulkDeleteHandler;
+    onResourceCreate?: () => void;
+    onResourceOpen?: (resourceId: string) => void;
+    onResourceEdit?: (resource: ResourceRow) => void;
+    onPoolCreate?: () => void;
+    onPoolOpen?: (poolId: string) => void;
+    onPoolEdit?: (pool: ResourcePoolRow) => void;
+    onAllocationCreate?: () => void;
+    onAllocationOpen?: (allocationId: string) => void;
+    onAllocationEdit?: (allocation: ResourceAllocationRow) => void;
+    onAssignmentCreate?: () => void;
+    onAssignmentOpen?: (assignmentId: string) => void;
+    onAssignmentEdit?: (assignment: ResourceSlotAssignmentRow) => void;
+    onCloseoutCreate?: () => void;
+    onCloseoutEdit?: (closeout: ResourceCloseoutRow) => void;
+    slots?: ResourcesPageSlots;
+    /** Options forwarded to the page's list hooks (e.g. to match SSR-prefetched query keys). */
+    queryFilters?: ResourcesPageQueryFilters;
+    /** Rendered instead of the default loading hint while the list queries resolve. */
+    loadingFallback?: ReactNode;
+}
+export declare function ResourcesPage({ className, defaultTab, bulkActionTarget, onBulkUpdate, onBulkDelete, onResourceCreate, onResourceOpen, onResourceEdit, onPoolCreate, onPoolOpen, onPoolEdit, onAllocationCreate, onAllocationOpen, onAllocationEdit, onAssignmentCreate, onAssignmentOpen, onAssignmentEdit, onCloseoutCreate, onCloseoutEdit, slots, queryFilters, loadingFallback, }: ResourcesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resources-page.d.ts.map

package/dist/resources/components/resources-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-page.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resources-page.tsx"],"names":[],"mappings":"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"}

package/dist/resources/components/resources-page.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, cn, Input, Label } from "@voyant-travel/ui/components";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyant-travel/ui/components/popover";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components/select";
+import { Tabs, TabsList, TabsTrigger } from "@voyant-travel/ui/components/tabs";
+import { ListFilter, Search, X } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatResourceSlotLabel, RESOURCE_KIND_VALUES } from "../i18n/utils.js";
+import { labelById, useAllocations, useAssignments, useBookings, useCloseouts, usePools, useProducts, useResources, useRules, useSlots, useStartTimes, useSuppliers, } from "../index.js";
+import { ResourcesOverview } from "./resources-overview.js";
+import { ResourcesFilterPopover } from "./resources-page-filters.js";
+import { AllocationsTab, PoolsTab, ResourcesTab } from "./resources-tabs-primary.js";
+import { AssignmentsTab, CloseoutsTab } from "./resources-tabs-secondary.js";
+const noop = () => undefined;
+const noopId = (_id) => undefined;
+const noopRow = (_row) => undefined;
+export function ResourcesPage({ className, defaultTab = "resources", bulkActionTarget = null, onBulkUpdate, onBulkDelete, onResourceCreate = noop, onResourceOpen = noopId, onResourceEdit = noopRow, onPoolCreate = noop, onPoolOpen = noopId, onPoolEdit = noopRow, onAllocationCreate = noop, onAllocationOpen = noopId, onAllocationEdit = noopRow, onAssignmentCreate = noop, onAssignmentOpen = noopId, onAssignmentEdit = noopRow, onCloseoutCreate = noop, onCloseoutEdit = noopRow, slots, queryFilters, loadingFallback, }) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const page = m.resourcesPage;
+    const [search, setSearch] = useState("");
+    const [kindFilter, setKindFilter] = useState("all");
+    const [activeTab, setActiveTab] = useState(defaultTab);
+    const [filterPopoverOpen, setFilterPopoverOpen] = useState(false);
+    const [supplierFilter, setSupplierFilter] = useState(null);
+    const [selectedSupplierOption, setSelectedSupplierOption] = useState(null);
+    const [productFilter, setProductFilter] = useState(null);
+    const [selectedProductOption, setSelectedProductOption] = useState(null);
+    const [activeFilter, setActiveFilter] = useState("all");
+    const [assignmentStatusFilter, setAssignmentStatusFilter] = useState("all");
+    const [resourceSelection, setResourceSelectionState] = useState({});
+    const [poolSelection, setPoolSelectionState] = useState({});
+    const [allocationSelection, setAllocationSelectionState] = useState({});
+    const [assignmentSelection, setAssignmentSelectionState] = useState({});
+    const [closeoutSelection, setCloseoutSelectionState] = useState({});
+    const suppliersQuery = useSuppliers(queryFilters?.suppliers);
+    const productsQuery = useProducts(queryFilters?.products);
+    const bookingsQuery = useBookings(queryFilters?.bookings);
+    const slotsQuery = useSlots(queryFilters?.slots);
+    const rulesQuery = useRules(queryFilters?.rules);
+    const startTimesQuery = useStartTimes(queryFilters?.startTimes);
+    const resourcesQuery = useResources(queryFilters?.resources);
+    const poolsQuery = usePools(queryFilters?.pools);
+    const allocationsQuery = useAllocations(queryFilters?.allocations);
+    const assignmentsQuery = useAssignments(queryFilters?.assignments);
+    const closeoutsQuery = useCloseouts(queryFilters?.closeouts);
+    const suppliers = suppliersQuery.data?.data ?? [];
+    const products = productsQuery.data?.data ?? [];
+    const bookings = bookingsQuery.data?.data ?? [];
+    const slotsData = slotsQuery.data?.data ?? [];
+    const rules = rulesQuery.data?.data ?? [];
+    const startTimes = startTimesQuery.data?.data ?? [];
+    const resources = resourcesQuery.data?.data ?? [];
+    const pools = poolsQuery.data?.data ?? [];
+    const allocations = allocationsQuery.data?.data ?? [];
+    const assignments = assignmentsQuery.data?.data ?? [];
+    const closeouts = closeoutsQuery.data?.data ?? [];
+    const kindOptions = useMemo(() => RESOURCE_KIND_VALUES.map((value) => ({
+        value,
+        label: m.common.resourceKindLabels[value],
+    })), [m.common.resourceKindLabels]);
+    const normalizedSearch = search.trim().toLowerCase();
+    const matchesSearch = (...values) => !normalizedSearch ||
+        values.some((value) => String(value ?? "")
+            .toLowerCase()
+            .includes(normalizedSearch));
+    const matchesKind = (kind) => kindFilter === "all" || kind === kindFilter;
+    const matchesActive = (active) => activeFilter === "all" ||
+        (activeFilter === "active" && active) ||
+        (activeFilter === "inactive" && !active);
+    const filteredResources = resources.filter((resource) => matchesKind(resource.kind) &&
+        matchesActive(resource.active) &&
+        (!supplierFilter || resource.supplierId === supplierFilter) &&
+        matchesSearch(resource.name, resource.code, resource.kind, labelById(suppliers, resource.supplierId), resource.notes));
+    const filteredPools = pools.filter((pool) => matchesKind(pool.kind) &&
+        matchesActive(pool.active) &&
+        (!productFilter || pool.productId === productFilter) &&
+        matchesSearch(pool.name, pool.kind, labelById(products, pool.productId), pool.notes));
+    const filteredAllocations = allocations.filter((allocation) => {
+        const pool = pools.find((entry) => entry.id === allocation.poolId);
+        return ((kindFilter === "all" || pool?.kind === kindFilter) &&
+            matchesSearch(labelById(pools, allocation.poolId), labelById(products, allocation.productId), allocation.allocationMode, allocation.priority, allocation.quantityRequired, rules.find((rule) => rule.id === allocation.availabilityRuleId)?.recurrenceRule, startTimes.find((startTime) => startTime.id === allocation.startTimeId)?.label));
+    });
+    const filteredAssignments = assignments.filter((assignment) => {
+        const resource = resources.find((entry) => entry.id === assignment.resourceId);
+        return ((kindFilter === "all" || resource?.kind === kindFilter) &&
+            (assignmentStatusFilter === "all" || assignment.status === assignmentStatusFilter) &&
+            matchesSearch(assignment.status, assignment.assignedBy, assignment.notes, labelById(resources, assignment.resourceId), labelById(bookings, assignment.bookingId), formatResourceSlotLabel(slotsData.find((slot) => slot.id === assignment.slotId) ?? {
+                id: assignment.slotId,
+                productId: "",
+                dateLocal: assignment.slotId,
+                startsAt: assignment.slotId,
+            }, {
+                template: m.common.slotLabel,
+                formatDate: i18n.formatDate,
+            })));
+    });
+    const filteredCloseouts = closeouts.filter((closeout) => {
+        const resource = resources.find((entry) => entry.id === closeout.resourceId);
+        return ((kindFilter === "all" || resource?.kind === kindFilter) &&
+            matchesSearch(labelById(resources, closeout.resourceId), closeout.dateLocal, closeout.reason, closeout.createdBy));
+    });
+    const liveAssignments = filteredAssignments.filter((assignment) => assignment.status === "reserved" || assignment.status === "assigned");
+    const resourcesWithoutSupplier = filteredResources.filter((resource) => !resource.supplierId);
+    const unassignedReservations = liveAssignments.filter((assignment) => !assignment.resourceId);
+    const activeFilterCount = (kindFilter !== "all" ? 1 : 0) +
+        (activeFilter !== "all" ? 1 : 0) +
+        (supplierFilter !== null ? 1 : 0) +
+        (productFilter !== null ? 1 : 0) +
+        (assignmentStatusFilter !== "all" ? 1 : 0);
+    const hasFilters = search.length > 0 || activeFilterCount > 0;
+    const clearAllFilters = () => {
+        setSearch("");
+        setKindFilter("all");
+        setActiveFilter("all");
+        setSupplierFilter(null);
+        setSelectedSupplierOption(null);
+        setProductFilter(null);
+        setSelectedProductOption(null);
+        setAssignmentStatusFilter("all");
+    };
+    const queries = [
+        suppliersQuery,
+        productsQuery,
+        bookingsQuery,
+        slotsQuery,
+        rulesQuery,
+        startTimesQuery,
+        resourcesQuery,
+        poolsQuery,
+        allocationsQuery,
+        assignmentsQuery,
+        closeoutsQuery,
+    ];
+    const isLoading = queries.some((query) => query.isPending);
+    const isError = queries.some((query) => query.isError);
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: page.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: page.description })] }), slots?.headerEnd] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative min-w-[14rem] flex-1", children: [_jsx(Label, { htmlFor: "resources-search", className: "sr-only", children: page.filters.searchPlaceholder }), _jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true" }), _jsx(Input, { id: "resources-search", placeholder: page.filters.searchPlaceholder, value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: kindFilter, onValueChange: (value) => setKindFilter(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-44", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "all", children: m.common.allKinds }), kindOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] }) })] }), _jsxs(Popover, { open: filterPopoverOpen, onOpenChange: setFilterPopoverOpen, children: [_jsx(PopoverTrigger, { render: _jsxs(Button, { variant: "outline", children: [_jsx(ListFilter, { "data-icon": "inline-start", "aria-hidden": "true" }), page.filters.button, activeFilterCount > 0 ? (_jsx(Badge, { variant: "secondary", className: "ml-1 px-1.5", children: activeFilterCount })) : null] }) }), _jsx(PopoverContent, { align: "end", className: "w-[22rem] p-4", children: _jsx(ResourcesFilterPopover, { activeTab: activeTab, suppliers: suppliers, products: products, supplierFilter: supplierFilter, setSupplierFilter: setSupplierFilter, selectedSupplierOption: selectedSupplierOption, setSelectedSupplierOption: setSelectedSupplierOption, productFilter: productFilter, setProductFilter: setProductFilter, selectedProductOption: selectedProductOption, setSelectedProductOption: setSelectedProductOption, activeFilter: activeFilter, setActiveFilter: setActiveFilter, assignmentStatusFilter: assignmentStatusFilter, setAssignmentStatusFilter: setAssignmentStatusFilter }) })] }), hasFilters ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearAllFilters, children: [_jsx(X, { "data-icon": "inline-start", "aria-hidden": "true" }), page.filters.clear] })) : null] }), isLoading ? ((loadingFallback ?? (_jsx("div", { className: "rounded-md border p-6 text-sm text-muted-foreground", children: page.loading })))) : isError ? (_jsx("div", { className: "rounded-md border p-6 text-sm text-muted-foreground", children: page.loadFailed })) : (_jsxs(_Fragment, { children: [_jsx(ResourcesOverview, { bookings: bookings, slots: slotsData, closeouts: closeouts, filteredResources: filteredResources, filteredPools: filteredPools, liveAssignments: liveAssignments, resourcesWithoutSupplier: resourcesWithoutSupplier, unassignedReservations: unassignedReservations, search: search, setSearch: setSearch, kindFilter: kindFilter, setKindFilter: setKindFilter, hasFilters: hasFilters, onClearFilters: clearAllFilters, onOpenAssignment: onAssignmentOpen, onOpenResource: onResourceOpen, showFilters: false }), slots?.afterOverview, slots?.beforeTabs, _jsxs(Tabs, { value: activeTab, onValueChange: (value) => setActiveTab((value ?? "resources")), children: [_jsxs(TabsList, { className: "flex w-full justify-start overflow-x-auto", children: [_jsx(TabsTrigger, { value: "resources", children: page.tabs.resources }), _jsx(TabsTrigger, { value: "pools", children: page.tabs.pools }), _jsx(TabsTrigger, { value: "allocations", children: page.tabs.allocations }), _jsx(TabsTrigger, { value: "assignments", children: page.tabs.assignments }), _jsx(TabsTrigger, { value: "closeouts", children: page.tabs.closeouts })] }), _jsx(ResourcesTab, { suppliers: suppliers, filteredResources: filteredResources, resourceSelection: resourceSelection, setResourceSelection: setResourceSelectionState, bulkActionTarget: bulkActionTarget, handleBulkUpdate: onBulkUpdate, handleBulkDelete: onBulkDelete, onCreate: onResourceCreate, onOpenRoute: onResourceOpen, onEdit: (row) => onResourceEdit(row) }), _jsx(PoolsTab, { products: products, filteredPools: filteredPools, poolSelection: poolSelection, setPoolSelection: setPoolSelectionState, bulkActionTarget: bulkActionTarget, handleBulkUpdate: onBulkUpdate, handleBulkDelete: onBulkDelete, onCreate: onPoolCreate, onOpenRoute: onPoolOpen, onEdit: (row) => onPoolEdit(row) }), _jsx(AllocationsTab, { pools: pools, products: products, filteredAllocations: filteredAllocations, allocationSelection: allocationSelection, setAllocationSelection: setAllocationSelectionState, bulkActionTarget: bulkActionTarget, handleBulkDelete: onBulkDelete, onCreate: onAllocationCreate, onOpenRoute: onAllocationOpen, onEdit: (row) => onAllocationEdit(row) }), _jsx(AssignmentsTab, { slots: slotsData, resources: resources, bookings: bookings, filteredAssignments: filteredAssignments, assignmentSelection: assignmentSelection, setAssignmentSelection: setAssignmentSelectionState, bulkActionTarget: bulkActionTarget, handleBulkUpdate: onBulkUpdate, handleBulkDelete: onBulkDelete, onCreate: onAssignmentCreate, onOpenRoute: onAssignmentOpen, onEdit: (row) => onAssignmentEdit(row) }), _jsx(CloseoutsTab, { resources: resources, filteredCloseouts: filteredCloseouts, closeoutSelection: closeoutSelection, setCloseoutSelection: setCloseoutSelectionState, bulkActionTarget: bulkActionTarget, handleBulkDelete: onBulkDelete, onCreate: onCloseoutCreate, onEdit: (row) => onCloseoutEdit(row) })] }), slots?.afterTabs] })), slots?.dialogs] }));
+}

package/dist/resources/components/resources-section-header.d.ts

@@ -0,0 +1,7 @@
+export declare function ResourcesSectionHeader({ title, description, actionLabel, onAction, }: {
+    title: string;
+    description: string;
+    actionLabel: string;
+    onAction: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=resources-section-header.d.ts.map

package/dist/resources/components/resources-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-section-header.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resources-section-header.tsx"],"names":[],"mappings":"AAGA,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,2CAaA"}

package/dist/resources/components/resources-section-header.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components";
+import { Plus } from "lucide-react";
+export function ResourcesSectionHeader({ title, description, actionLabel, onAction, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs(Button, { onClick: onAction, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), actionLabel] })] }));
+}

package/dist/resources/components/resources-tabs-primary.d.ts

@@ -0,0 +1,58 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import { type ProductOption, type ResourceAllocationRow, type ResourcePoolRow, type ResourceRow, type SupplierOption } from "../index.js";
+type BulkFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+type DeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function ResourcesTab(props: {
+    suppliers: SupplierOption[];
+    filteredResources: ResourceRow[];
+    resourceSelection: RowSelectionState;
+    setResourceSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (resourceId: string) => void;
+    onEdit: (row: ResourceRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PoolsTab(props: {
+    products: ProductOption[];
+    filteredPools: ResourcePoolRow[];
+    poolSelection: RowSelectionState;
+    setPoolSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (poolId: string) => void;
+    onEdit: (row: ResourcePoolRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AllocationsTab(props: {
+    pools: ResourcePoolRow[];
+    products: ProductOption[];
+    filteredAllocations: ResourceAllocationRow[];
+    allocationSelection: RowSelectionState;
+    setAllocationSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (allocationId: string) => void;
+    onEdit: (row: ResourceAllocationRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=resources-tabs-primary.d.ts.map

package/dist/resources/components/resources-tabs-primary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-tabs-primary.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resources-tabs-primary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAcrF,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,aAAa,CAAA;AAGpB,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE;IACrB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AA6NnB,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,MAAM,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACnC,2CAoHA;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,aAAa,EAAE,eAAe,EAAE,CAAA;IAChC,aAAa,EAAE,iBAAiB,CAAA;IAChC,gBAAgB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,MAAM,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACvC,2CAoHA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,mBAAmB,EAAE,qBAAqB,EAAE,CAAA;IAC5C,mBAAmB,EAAE,iBAAiB,CAAA;IACtC,sBAAsB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACrD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAA;CAC7C,2CAgEA"}

package/dist/resources/components/resources-tabs-primary.js

@@ -0,0 +1,201 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Badge, Button, ConfirmActionButton, SelectionActionBar, } from "@voyant-travel/ui/components";
+import { DataTable } from "@voyant-travel/ui/components/data-table";
+import { DataTableColumnHeader } from "@voyant-travel/ui/components/data-table-column-header";
+import { TabsContent } from "@voyant-travel/ui/components/tabs";
+import { ExternalLink } from "lucide-react";
+import { useResourcesUiI18nOrDefault } from "../i18n/index.js";
+import { formatSelectionLabel, formatSelectionSummary } from "../i18n/utils.js";
+import { labelById, } from "../index.js";
+import { ResourcesSectionHeader } from "./resources-section-header.js";
+const resourceColumns = (i18n, suppliers, onView) => [
+    {
+        accessorKey: "name",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.name })),
+    },
+    {
+        accessorKey: "kind",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.kind })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.resourceKindLabels[row.original.kind] })),
+    },
+    {
+        accessorKey: "supplierId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.supplier })),
+        cell: ({ row }) => labelById(suppliers, row.original.supplierId),
+    },
+    {
+        accessorKey: "capacity",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.capacity })),
+        cell: ({ row }) => row.original.capacity === null ? "-" : i18n.formatNumber(row.original.capacity),
+    },
+    {
+        accessorKey: "active",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.resources.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: row.original.active ? "default" : "secondary", children: row.original.active ? i18n.messages.common.active : i18n.messages.common.inactive })),
+    },
+    {
+        id: "view",
+        header: i18n.messages.tabsPrimary.columns.resources.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+const poolColumns = (i18n, products, onView) => [
+    {
+        accessorKey: "name",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.name })),
+    },
+    {
+        accessorKey: "kind",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.kind })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.resourceKindLabels[row.original.kind] })),
+    },
+    {
+        accessorKey: "productId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.product })),
+        cell: ({ row }) => labelById(products, row.original.productId),
+    },
+    {
+        accessorKey: "sharedCapacity",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.pools.sharedCapacity })),
+        cell: ({ row }) => row.original.sharedCapacity === null ? "-" : i18n.formatNumber(row.original.sharedCapacity),
+    },
+    {
+        id: "view",
+        header: i18n.messages.tabsPrimary.columns.pools.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+const allocationColumns = (i18n, pools, products, onView) => [
+    {
+        accessorKey: "poolId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.pool })),
+        cell: ({ row }) => labelById(pools, row.original.poolId),
+    },
+    {
+        accessorKey: "productId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.product })),
+        cell: ({ row }) => labelById(products, row.original.productId),
+    },
+    {
+        accessorKey: "allocationMode",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.mode })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: i18n.messages.common.allocationModeLabels[row.original.allocationMode] })),
+    },
+    {
+        accessorKey: "quantityRequired",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.quantityRequired })),
+        cell: ({ row }) => i18n.formatNumber(row.original.quantityRequired),
+    },
+    {
+        accessorKey: "priority",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tabsPrimary.columns.allocations.priority })),
+        cell: ({ row }) => i18n.formatNumber(row.original.priority),
+    },
+    {
+        id: "view",
+        header: i18n.messages.tabsPrimary.columns.allocations.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+export function ResourcesTab(props) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsPrimary.sections.resources;
+    const selection = m.common.selectionNouns.resource;
+    return (_jsxs(TabsContent, { value: "resources", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: resourceColumns(i18n, props.suppliers, props.onOpenRoute), data: props.filteredResources, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.resourceSelection, onRowSelectionChange: props.setResourceSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: [_jsx(ConfirmActionButton, { buttonLabel: section.actions.activate.buttonLabel, confirmLabel: section.actions.activate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.activate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.activate.description, disabled: props.bulkActionTarget === "resources-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/operations/resources",
+                                target: "resources-activate",
+                                nounSingular: "resource",
+                                nounPlural: "resources",
+                                payload: { active: true },
+                                successVerb: section.actions.activate.successVerb,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.deactivate.buttonLabel, confirmLabel: section.actions.deactivate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.deactivate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.deactivate.description, disabled: props.bulkActionTarget === "resources-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/operations/resources",
+                                target: "resources-deactivate",
+                                nounSingular: "resource",
+                                nounPlural: "resources",
+                                payload: { active: false },
+                                successVerb: section.actions.deactivate.successVerb,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.delete.description, disabled: props.bulkActionTarget === "resources-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/operations/resources",
+                                target: "resources-delete",
+                                nounSingular: "resource",
+                                nounPlural: "resources",
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function PoolsTab(props) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsPrimary.sections.pools;
+    const selection = m.common.selectionNouns.pool;
+    return (_jsxs(TabsContent, { value: "pools", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: poolColumns(i18n, props.products, props.onOpenRoute), data: props.filteredPools, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.poolSelection, onRowSelectionChange: props.setPoolSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: [_jsx(ConfirmActionButton, { buttonLabel: section.actions.activate.buttonLabel, confirmLabel: section.actions.activate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.activate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.activate.description, disabled: props.bulkActionTarget === "pools-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/operations/pools",
+                                target: "pools-activate",
+                                nounSingular: "pool",
+                                nounPlural: "pools",
+                                payload: { active: true },
+                                successVerb: section.actions.activate.successVerb,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.deactivate.buttonLabel, confirmLabel: section.actions.deactivate.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.deactivate.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.deactivate.description, disabled: props.bulkActionTarget === "pools-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/operations/pools",
+                                target: "pools-deactivate",
+                                nounSingular: "pool",
+                                nounPlural: "pools",
+                                payload: { active: false },
+                                successVerb: section.actions.deactivate.successVerb,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                                selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                            }), description: section.actions.delete.description, disabled: props.bulkActionTarget === "pools-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/operations/pools",
+                                target: "pools-delete",
+                                nounSingular: "pool",
+                                nounPlural: "pools",
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function AllocationsTab(props) {
+    const i18n = useResourcesUiI18nOrDefault();
+    const m = i18n.messages;
+    const section = m.tabsPrimary.sections.allocations;
+    const selection = m.common.selectionNouns.allocation;
+    return (_jsxs(TabsContent, { value: "allocations", className: "space-y-4", children: [_jsx(ResourcesSectionHeader, { title: section.title, description: section.description, actionLabel: section.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: allocationColumns(i18n, props.pools, props.products, props.onOpenRoute), data: props.filteredAllocations, emptyMessage: section.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.allocationSelection, onRowSelectionChange: props.setAllocationSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, clearLabel: m.common.clearSelection, selectionSummary: formatSelectionSummary(selectedRows.length, m.common.selectionSummary), children: _jsx(ConfirmActionButton, { buttonLabel: section.actions.delete.buttonLabel, confirmLabel: section.actions.delete.confirmLabel, cancelLabel: m.common.cancel, title: formatMessage(section.actions.delete.title, {
+                            selection: formatSelectionLabel(selectedRows.length, selection, m.common.selectionLabel),
+                        }), description: section.actions.delete.description, disabled: props.bulkActionTarget === "allocations-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                            ids: selectedRows.map((row) => row.original.id),
+                            endpoint: "/v1/operations/allocations",
+                            target: "allocations-delete",
+                            nounSingular: "allocation",
+                            nounPlural: "allocations",
+                            clearSelection,
+                        }) }) })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}

package/dist/resources/components/resources-tabs-secondary.d.ts

@@ -0,0 +1,46 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import { type BookingOption, type ResourceCloseoutRow, type ResourceRow, type ResourceSlotAssignmentRow, type SlotOption } from "../index.js";
+type BulkFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+type DeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function AssignmentsTab(props: {
+    slots: SlotOption[];
+    resources: ResourceRow[];
+    bookings: BookingOption[];
+    filteredAssignments: ResourceSlotAssignmentRow[];
+    assignmentSelection: RowSelectionState;
+    setAssignmentSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (assignmentId: string) => void;
+    onEdit: (row: ResourceSlotAssignmentRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CloseoutsTab(props: {
+    resources: ResourceRow[];
+    filteredCloseouts: ResourceCloseoutRow[];
+    closeoutSelection: RowSelectionState;
+    setCloseoutSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onEdit: (row: ResourceCloseoutRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=resources-tabs-secondary.d.ts.map

package/dist/resources/components/resources-tabs-secondary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources-tabs-secondary.d.ts","sourceRoot":"","sources":["../../../src/resources/components/resources-tabs-secondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAmBrF,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAC9B,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AAGpB,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE;IACrB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAiKnB,wBAAgB,cAAc,CAAC,KAAK,EAAE;IACpC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,mBAAmB,EAAE,yBAAyB,EAAE,CAAA;IAChD,mBAAmB,EAAE,iBAAiB,CAAA;IACtC,sBAAsB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACrD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACjD,2CA0HA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,SAAS,EAAE,WAAW,EAAE,CAAA;IACxB,iBAAiB,EAAE,mBAAmB,EAAE,CAAA;IACxC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAA;CAC3C,2CAgEA"}