@voyantjs/availability-ui 0.21.1

package/dist/components/availability-tabs.d.ts

@@ -0,0 +1,141 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import type { AvailabilityCloseoutRow, AvailabilityPickupPointRow, AvailabilityRuleRow, AvailabilitySlotRow, AvailabilityStartTimeRow, ProductOption } from "@voyantjs/availability-react";
+import { type AvailabilityColumnsMessages } from "./availability-columns.js";
+export interface AvailabilityTabMessages extends AvailabilityColumnsMessages {
+    nouns: {
+        slotSingular: string;
+        slotPlural: string;
+        ruleSingular: string;
+        rulePlural: string;
+        startTimeSingular: string;
+        startTimePlural: string;
+        closeoutSingular: string;
+        closeoutPlural: string;
+        pickupPointSingular: string;
+        pickupPointPlural: string;
+    };
+    tabs: {
+        slots: AvailabilitySlotTabMessages;
+        rules: AvailabilityToggleTabMessages;
+        startTimes: AvailabilityToggleTabMessages;
+        closeouts: AvailabilityDeleteOnlyTabMessages;
+        pickupPoints: AvailabilityToggleTabMessages;
+    };
+    verbOpened: string;
+    verbClosed: string;
+    verbActivated: string;
+    verbDeactivated: string;
+}
+interface AvailabilityBaseTabMessages {
+    title: string;
+    description: string;
+    actionLabel: string;
+    emptyMessage: string;
+    bulkDeleteButton: string;
+    bulkDeleteConfirm: string;
+    bulkDeleteTitle: string;
+    bulkDeleteDescription: string;
+}
+interface AvailabilitySlotTabMessages extends AvailabilityBaseTabMessages {
+    bulkOpenButton: string;
+    bulkOpenConfirm: string;
+    bulkOpenTitle: string;
+    bulkOpenDescription: string;
+    bulkCloseButton: string;
+    bulkCloseConfirm: string;
+    bulkCloseTitle: string;
+    bulkCloseDescription: string;
+}
+interface AvailabilityToggleTabMessages extends AvailabilityBaseTabMessages {
+    bulkActivateButton: string;
+    bulkActivateConfirm: string;
+    bulkActivateTitle: string;
+    bulkActivateDescription: string;
+    bulkDeactivateButton: string;
+    bulkDeactivateConfirm: string;
+    bulkDeactivateTitle: string;
+    bulkDeactivateDescription: string;
+}
+type AvailabilityDeleteOnlyTabMessages = AvailabilityBaseTabMessages;
+export type AvailabilityBulkUpdateFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+export type AvailabilityBulkDeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    nounSingular: string;
+    nounPlural: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function AvailabilitySlotsTab(props: {
+    messages: AvailabilityTabMessages;
+    products: ProductOption[];
+    filteredSlots: AvailabilitySlotRow[];
+    slotSelection: RowSelectionState;
+    setSlotSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: AvailabilityBulkUpdateFn;
+    handleBulkDelete: AvailabilityBulkDeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (slotId: string) => void;
+    onEdit: (row: AvailabilitySlotRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityRulesTab(props: {
+    messages: AvailabilityTabMessages;
+    products: ProductOption[];
+    filteredRules: AvailabilityRuleRow[];
+    ruleSelection: RowSelectionState;
+    setRuleSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: AvailabilityBulkUpdateFn;
+    handleBulkDelete: AvailabilityBulkDeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (ruleId: string) => void;
+    onEdit: (row: AvailabilityRuleRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityStartTimesTab(props: {
+    messages: AvailabilityTabMessages;
+    products: ProductOption[];
+    filteredStartTimes: AvailabilityStartTimeRow[];
+    startTimeSelection: RowSelectionState;
+    setStartTimeSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: AvailabilityBulkUpdateFn;
+    handleBulkDelete: AvailabilityBulkDeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (startTimeId: string) => void;
+    onEdit: (row: AvailabilityStartTimeRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityCloseoutsTab(props: {
+    messages: AvailabilityTabMessages;
+    products: ProductOption[];
+    filteredCloseouts: AvailabilityCloseoutRow[];
+    closeoutSelection: RowSelectionState;
+    setCloseoutSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: AvailabilityBulkDeleteFn;
+    onCreate: () => void;
+    onEdit: (row: AvailabilityCloseoutRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AvailabilityPickupPointsTab(props: {
+    messages: AvailabilityTabMessages;
+    products: ProductOption[];
+    filteredPickupPoints: AvailabilityPickupPointRow[];
+    pickupPointSelection: RowSelectionState;
+    setPickupPointSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: AvailabilityBulkUpdateFn;
+    handleBulkDelete: AvailabilityBulkDeleteFn;
+    onCreate: () => void;
+    onEdit: (row: AvailabilityPickupPointRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=availability-tabs.d.ts.map

package/dist/components/availability-tabs.d.ts.map

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

package/dist/components/availability-tabs.js

@@ -0,0 +1,167 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfirmActionButton, SelectionActionBar } from "@voyantjs/ui/components";
+import { DataTable } from "@voyantjs/ui/components/data-table";
+import { TabsContent } from "@voyantjs/ui/components/tabs";
+import { formatLocalizedSelectionLabel } from "../utils.js";
+import { availabilityCloseoutColumns, availabilityPickupPointColumns, availabilityRuleColumns, availabilitySlotColumns, availabilityStartTimeColumns, } from "./availability-columns.js";
+import { AvailabilitySectionHeader } from "./availability-section-header.js";
+function formatTemplate(template, values) {
+    return template.replace(/\{(\w+)\}/g, (match, key) => {
+        const value = values[key];
+        return value == null ? match : String(value);
+    });
+}
+export function AvailabilitySlotsTab(props) {
+    const selection = (count) => formatLocalizedSelectionLabel(count, props.messages.nouns.slotSingular, props.messages.nouns.slotPlural);
+    return (_jsxs(TabsContent, { value: "slots", className: "space-y-4", children: [_jsx(AvailabilitySectionHeader, { title: props.messages.tabs.slots.title, description: props.messages.tabs.slots.description, actionLabel: props.messages.tabs.slots.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: availabilitySlotColumns(props.products, props.onOpenRoute, props.messages), data: props.filteredSlots, emptyMessage: props.messages.tabs.slots.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.slotSelection, onRowSelectionChange: props.setSlotSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.slots.bulkOpenButton, confirmLabel: props.messages.tabs.slots.bulkOpenConfirm, title: formatTemplate(props.messages.tabs.slots.bulkOpenTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.slots.bulkOpenDescription, disabled: props.bulkActionTarget === "slots-open", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/slots",
+                                target: "slots-open",
+                                nounSingular: props.messages.nouns.slotSingular,
+                                nounPlural: props.messages.nouns.slotPlural,
+                                payload: { status: "open" },
+                                successVerb: props.messages.verbOpened,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.slots.bulkCloseButton, confirmLabel: props.messages.tabs.slots.bulkCloseConfirm, title: formatTemplate(props.messages.tabs.slots.bulkCloseTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.slots.bulkCloseDescription, disabled: props.bulkActionTarget === "slots-close", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/slots",
+                                target: "slots-close",
+                                nounSingular: props.messages.nouns.slotSingular,
+                                nounPlural: props.messages.nouns.slotPlural,
+                                payload: { status: "closed" },
+                                successVerb: props.messages.verbClosed,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.slots.bulkDeleteButton, confirmLabel: props.messages.tabs.slots.bulkDeleteConfirm, title: formatTemplate(props.messages.tabs.slots.bulkDeleteTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.slots.bulkDeleteDescription, disabled: props.bulkActionTarget === "slots-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/slots",
+                                target: "slots-delete",
+                                nounSingular: props.messages.nouns.slotSingular,
+                                nounPlural: props.messages.nouns.slotPlural,
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function AvailabilityRulesTab(props) {
+    const selection = (count) => formatLocalizedSelectionLabel(count, props.messages.nouns.ruleSingular, props.messages.nouns.rulePlural);
+    return (_jsxs(TabsContent, { value: "rules", className: "space-y-4", children: [_jsx(AvailabilitySectionHeader, { title: props.messages.tabs.rules.title, description: props.messages.tabs.rules.description, actionLabel: props.messages.tabs.rules.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: availabilityRuleColumns(props.products, props.onOpenRoute, props.messages), data: props.filteredRules, emptyMessage: props.messages.tabs.rules.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.ruleSelection, onRowSelectionChange: props.setRuleSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.rules.bulkActivateButton, confirmLabel: props.messages.tabs.rules.bulkActivateConfirm, title: formatTemplate(props.messages.tabs.rules.bulkActivateTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.rules.bulkActivateDescription, disabled: props.bulkActionTarget === "rules-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/rules",
+                                target: "rules-activate",
+                                nounSingular: props.messages.nouns.ruleSingular,
+                                nounPlural: props.messages.nouns.rulePlural,
+                                payload: { active: true },
+                                successVerb: props.messages.verbActivated,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.rules.bulkDeactivateButton, confirmLabel: props.messages.tabs.rules.bulkDeactivateConfirm, title: formatTemplate(props.messages.tabs.rules.bulkDeactivateTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.rules.bulkDeactivateDescription, disabled: props.bulkActionTarget === "rules-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/rules",
+                                target: "rules-deactivate",
+                                nounSingular: props.messages.nouns.ruleSingular,
+                                nounPlural: props.messages.nouns.rulePlural,
+                                payload: { active: false },
+                                successVerb: props.messages.verbDeactivated,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.rules.bulkDeleteButton, confirmLabel: props.messages.tabs.rules.bulkDeleteConfirm, title: formatTemplate(props.messages.tabs.rules.bulkDeleteTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.rules.bulkDeleteDescription, disabled: props.bulkActionTarget === "rules-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/rules",
+                                target: "rules-delete",
+                                nounSingular: props.messages.nouns.ruleSingular,
+                                nounPlural: props.messages.nouns.rulePlural,
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function AvailabilityStartTimesTab(props) {
+    const selection = (count) => formatLocalizedSelectionLabel(count, props.messages.nouns.startTimeSingular, props.messages.nouns.startTimePlural);
+    return (_jsxs(TabsContent, { value: "start-times", className: "space-y-4", children: [_jsx(AvailabilitySectionHeader, { title: props.messages.tabs.startTimes.title, description: props.messages.tabs.startTimes.description, actionLabel: props.messages.tabs.startTimes.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: availabilityStartTimeColumns(props.products, props.onOpenRoute, props.messages), data: props.filteredStartTimes, emptyMessage: props.messages.tabs.startTimes.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.startTimeSelection, onRowSelectionChange: props.setStartTimeSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.startTimes.bulkActivateButton, confirmLabel: props.messages.tabs.startTimes.bulkActivateConfirm, title: formatTemplate(props.messages.tabs.startTimes.bulkActivateTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.startTimes.bulkActivateDescription, disabled: props.bulkActionTarget === "start-times-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/start-times",
+                                target: "start-times-activate",
+                                nounSingular: props.messages.nouns.startTimeSingular,
+                                nounPlural: props.messages.nouns.startTimePlural,
+                                payload: { active: true },
+                                successVerb: props.messages.verbActivated,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.startTimes.bulkDeactivateButton, confirmLabel: props.messages.tabs.startTimes.bulkDeactivateConfirm, title: formatTemplate(props.messages.tabs.startTimes.bulkDeactivateTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.startTimes.bulkDeactivateDescription, disabled: props.bulkActionTarget === "start-times-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/start-times",
+                                target: "start-times-deactivate",
+                                nounSingular: props.messages.nouns.startTimeSingular,
+                                nounPlural: props.messages.nouns.startTimePlural,
+                                payload: { active: false },
+                                successVerb: props.messages.verbDeactivated,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.startTimes.bulkDeleteButton, confirmLabel: props.messages.tabs.startTimes.bulkDeleteConfirm, title: formatTemplate(props.messages.tabs.startTimes.bulkDeleteTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.startTimes.bulkDeleteDescription, disabled: props.bulkActionTarget === "start-times-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/start-times",
+                                target: "start-times-delete",
+                                nounSingular: props.messages.nouns.startTimeSingular,
+                                nounPlural: props.messages.nouns.startTimePlural,
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function AvailabilityCloseoutsTab(props) {
+    const selection = (count) => formatLocalizedSelectionLabel(count, props.messages.nouns.closeoutSingular, props.messages.nouns.closeoutPlural);
+    return (_jsxs(TabsContent, { value: "closeouts", className: "space-y-4", children: [_jsx(AvailabilitySectionHeader, { title: props.messages.tabs.closeouts.title, description: props.messages.tabs.closeouts.description, actionLabel: props.messages.tabs.closeouts.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: availabilityCloseoutColumns(props.products, props.messages), data: props.filteredCloseouts, emptyMessage: props.messages.tabs.closeouts.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.closeoutSelection, onRowSelectionChange: props.setCloseoutSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.closeouts.bulkDeleteButton, confirmLabel: props.messages.tabs.closeouts.bulkDeleteConfirm, title: formatTemplate(props.messages.tabs.closeouts.bulkDeleteTitle, {
+                            selection: selection(selectedRows.length),
+                        }), description: props.messages.tabs.closeouts.bulkDeleteDescription, disabled: props.bulkActionTarget === "closeouts-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                            ids: selectedRows.map((row) => row.original.id),
+                            endpoint: "/v1/availability/closeouts",
+                            target: "closeouts-delete",
+                            nounSingular: props.messages.nouns.closeoutSingular,
+                            nounPlural: props.messages.nouns.closeoutPlural,
+                            clearSelection,
+                        }) }) })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function AvailabilityPickupPointsTab(props) {
+    const selection = (count) => formatLocalizedSelectionLabel(count, props.messages.nouns.pickupPointSingular, props.messages.nouns.pickupPointPlural);
+    return (_jsxs(TabsContent, { value: "pickup-points", className: "space-y-4", children: [_jsx(AvailabilitySectionHeader, { title: props.messages.tabs.pickupPoints.title, description: props.messages.tabs.pickupPoints.description, actionLabel: props.messages.tabs.pickupPoints.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: availabilityPickupPointColumns(props.products, props.messages), data: props.filteredPickupPoints, emptyMessage: props.messages.tabs.pickupPoints.emptyMessage, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.pickupPointSelection, onRowSelectionChange: props.setPickupPointSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.pickupPoints.bulkActivateButton, confirmLabel: props.messages.tabs.pickupPoints.bulkActivateConfirm, title: formatTemplate(props.messages.tabs.pickupPoints.bulkActivateTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.pickupPoints.bulkActivateDescription, disabled: props.bulkActionTarget === "pickup-points-activate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/pickup-points",
+                                target: "pickup-points-activate",
+                                nounSingular: props.messages.nouns.pickupPointSingular,
+                                nounPlural: props.messages.nouns.pickupPointPlural,
+                                payload: { active: true },
+                                successVerb: props.messages.verbActivated,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.pickupPoints.bulkDeactivateButton, confirmLabel: props.messages.tabs.pickupPoints.bulkDeactivateConfirm, title: formatTemplate(props.messages.tabs.pickupPoints.bulkDeactivateTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.pickupPoints.bulkDeactivateDescription, disabled: props.bulkActionTarget === "pickup-points-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/pickup-points",
+                                target: "pickup-points-deactivate",
+                                nounSingular: props.messages.nouns.pickupPointSingular,
+                                nounPlural: props.messages.nouns.pickupPointPlural,
+                                payload: { active: false },
+                                successVerb: props.messages.verbDeactivated,
+                                clearSelection,
+                            }) }), _jsx(ConfirmActionButton, { buttonLabel: props.messages.tabs.pickupPoints.bulkDeleteButton, confirmLabel: props.messages.tabs.pickupPoints.bulkDeleteConfirm, title: formatTemplate(props.messages.tabs.pickupPoints.bulkDeleteTitle, {
+                                selection: selection(selectedRows.length),
+                            }), description: props.messages.tabs.pickupPoints.bulkDeleteDescription, disabled: props.bulkActionTarget === "pickup-points-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/availability/pickup-points",
+                                target: "pickup-points-delete",
+                                nounSingular: props.messages.nouns.pickupPointSingular,
+                                nounPlural: props.messages.nouns.pickupPointPlural,
+                                clearSelection,
+                            }) })] })), onRowClick: (row) => props.onEdit(row.original) })] }));
+}

package/dist/form-resolver.d.ts

@@ -0,0 +1,4 @@
+import type { FieldValues, Resolver } from "react-hook-form";
+import type { z } from "zod/v4";
+export declare function zodResolver<TSchema extends z.ZodType<FieldValues, FieldValues>>(schema: TSchema): Resolver<z.input<TSchema>, unknown, z.output<TSchema>>;
+//# sourceMappingURL=form-resolver.d.ts.map

package/dist/form-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-resolver.d.ts","sourceRoot":"","sources":["../src/form-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAA;AA+B/B,wBAAgB,WAAW,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,EAC7E,MAAM,EAAE,OAAO,GACd,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CA6BxD"}

package/dist/form-resolver.js

@@ -0,0 +1,39 @@
+function setFieldError(target, path, error) {
+    let current = target;
+    for (let index = 0; index < path.length; index += 1) {
+        const key = String(path[index] ?? "root");
+        if (index === path.length - 1) {
+            current[key] = error;
+            return;
+        }
+        const next = current[key];
+        if (typeof next !== "object" || next === null) {
+            current[key] = {};
+        }
+        current = current[key];
+    }
+}
+export function zodResolver(schema) {
+    return async (values) => {
+        const result = await schema.safeParseAsync(values);
+        if (result.success) {
+            return {
+                values: result.data,
+                errors: {},
+            };
+        }
+        const errors = {};
+        for (const issue of result.error.issues) {
+            const path = issue.path.filter((segment) => typeof segment !== "symbol");
+            const normalizedPath = path.length > 0 ? path : ["root"];
+            setFieldError(errors, normalizedPath, {
+                type: issue.code,
+                message: issue.message,
+            });
+        }
+        return {
+            values: {},
+            errors: errors,
+        };
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { type AvailabilityColumnsMessages, availabilityCloseoutColumns, availabilityPickupPointColumns, availabilityRuleColumns, availabilitySlotColumns, availabilityStartTimeColumns, getSlotStatusLabel, } from "./components/availability-columns.js";
+export { AvailabilityCloseoutDialog, type AvailabilityCloseoutSubmitPayload, type AvailabilityDialogMessages, AvailabilityPickupPointDialog, type AvailabilityPickupPointSubmitPayload, AvailabilityRuleDialog, type AvailabilityRuleSubmitPayload, AvailabilitySlotDialog, type AvailabilitySlotSubmitPayload, AvailabilityStartTimeDialog, type AvailabilityStartTimeSubmitPayload, } from "./components/availability-dialogs.js";
+export { AvailabilityOverview, type AvailabilityOverviewMessages, } from "./components/availability-overview.js";
+export { AvailabilitySectionHeader, type AvailabilitySectionHeaderProps, } from "./components/availability-section-header.js";
+export { AvailabilityBodySkeleton, AvailabilityPageSkeleton, AvailabilityRuleDetailSkeleton, AvailabilitySlotDetailSkeleton, AvailabilityStartTimeDetailSkeleton, } from "./components/availability-skeletons.js";
+export { type AvailabilityBulkDeleteFn, type AvailabilityBulkUpdateFn, AvailabilityCloseoutsTab, AvailabilityPickupPointsTab, AvailabilityRulesTab, AvailabilitySlotsTab, AvailabilityStartTimesTab, type AvailabilityTabMessages, } from "./components/availability-tabs.js";
+export { formatLocalizedSelectionLabel } from "./utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,2BAA2B,EAChC,2BAA2B,EAC3B,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,4BAA4B,EAC5B,kBAAkB,GACnB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EACL,0BAA0B,EAC1B,KAAK,iCAAiC,EACtC,KAAK,0BAA0B,EAC/B,6BAA6B,EAC7B,KAAK,oCAAoC,EACzC,sBAAsB,EACtB,KAAK,6BAA6B,EAClC,sBAAsB,EACtB,KAAK,6BAA6B,EAClC,2BAA2B,EAC3B,KAAK,kCAAkC,GACxC,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EACL,oBAAoB,EACpB,KAAK,4BAA4B,GAClC,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,8BAA8B,EAC9B,8BAA8B,EAC9B,mCAAmC,GACpC,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,wBAAwB,EACxB,2BAA2B,EAC3B,oBAAoB,EACpB,oBAAoB,EACpB,yBAAyB,EACzB,KAAK,uBAAuB,GAC7B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { availabilityCloseoutColumns, availabilityPickupPointColumns, availabilityRuleColumns, availabilitySlotColumns, availabilityStartTimeColumns, getSlotStatusLabel, } from "./components/availability-columns.js";
+export { AvailabilityCloseoutDialog, AvailabilityPickupPointDialog, AvailabilityRuleDialog, AvailabilitySlotDialog, AvailabilityStartTimeDialog, } from "./components/availability-dialogs.js";
+export { AvailabilityOverview, } from "./components/availability-overview.js";
+export { AvailabilitySectionHeader, } from "./components/availability-section-header.js";
+export { AvailabilityBodySkeleton, AvailabilityPageSkeleton, AvailabilityRuleDetailSkeleton, AvailabilitySlotDetailSkeleton, AvailabilityStartTimeDetailSkeleton, } from "./components/availability-skeletons.js";
+export { AvailabilityCloseoutsTab, AvailabilityPickupPointsTab, AvailabilityRulesTab, AvailabilitySlotsTab, AvailabilityStartTimesTab, } from "./components/availability-tabs.js";
+export { formatLocalizedSelectionLabel } from "./utils.js";

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function formatLocalizedSelectionLabel(count: number, singular: string, plural: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAE5F"}

package/dist/utils.js

@@ -0,0 +1,3 @@
+export function formatLocalizedSelectionLabel(count, singular, plural) {
+    return `${count} ${count === 1 ? singular : plural}`;
+}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@voyantjs/availability-ui",
+  "version": "0.21.1",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/availability-ui"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*.tsx",
+    "./utils": "./src/utils.ts"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "test": "vitest run --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@tanstack/react-table": "^8.21.3",
+    "@voyantjs/availability-react": "workspace:*",
+    "@voyantjs/ui": "workspace:*",
+    "lucide-react": "^0.475.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.72.1",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@tanstack/react-table": "^8.21.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@voyantjs/availability-react": "workspace:*",
+    "@voyantjs/ui": "workspace:*",
+    "@voyantjs/voyant-typescript-config": "workspace:*",
+    "lucide-react": "^1.7.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.72.1",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2",
+    "zod": "^4.3.6"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "default": "./dist/index.js"
+      },
+      "./components/*": {
+        "types": "./dist/components/*.d.ts",
+        "import": "./dist/components/*.js",
+        "default": "./dist/components/*.js"
+      },
+      "./utils": {
+        "types": "./dist/utils.d.ts",
+        "import": "./dist/utils.js",
+        "default": "./dist/utils.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  }
+}