@servicetitan/dte-pdf-editor 1.96.0 → 1.96.1

package/README.md

@@ -31,6 +31,9 @@ formulas.
 
 ### Recent changes
 
+- **fix/shared-incloud-on-BYOD-build** (installable package) — the package no longer depends on the unpublished
+  `@servicetitan/dte-shared`; its code is bundled in, so `npm install` works. See
+  [RELEASE_NOTES.md](./RELEASE_NOTES.md).
 - **feat/DTE-4695/custom-weekend-holiday-exclusion** (business-day calendars) — a per-field "Exclude weekends &
   holidays" toggle, schedule picker and "Create New Schedule" drawer in the Formula Builder (`scheduleBindings`,
   `holidayCatalog`, `schedules`, `onScheduleBindingsChange`, `onCreateSchedule`); date calculated fields take a

package/dist/components/field-config-panel/advanced-settings.d.ts

@@ -1,4 +1,4 @@
-import { type ScheduleEditorContext } from '@servicetitan/dte-shared';
+import { type ScheduleEditorContext } from '../../vendor/dte-shared/index';
 import { Dispatch, FC, SetStateAction } from 'react';
 import { type CalculatedFieldFormat } from '../../interface/types';
 interface AdvancedSettingsProps {

package/dist/components/field-config-panel/advanced-settings.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, SegmentedControl, Switch, Text } from '@servicetitan/anvil2';
-import { BusinessCalendarSection } from '@servicetitan/dte-shared';
+import { BusinessCalendarSection } from '../../vendor/dte-shared/index';
 import { DEFAULT_DATE_FORMAT, ROUNDING_OPTIONS } from '../../constants';
 const DateFormatSettings = ({ businessCalendar, format, setFormat }) => {
     var _a;

package/dist/components/field-config-panel/e-sign-options-modal.d.ts

@@ -1,4 +1,4 @@
-import { type ScheduleEditorContext } from '@servicetitan/dte-shared';
+import { type ScheduleEditorContext } from '../../vendor/dte-shared/index';
 import { FC } from 'react';
 import { ESignDateSignedOffsetSettings, FormFieldsByFormIdI, FormInfo, PdfField, SchemaObject } from '../../interface/types';
 interface ESignOptionsModalProps {

package/dist/components/field-config-panel/e-sign-options-modal.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Flex, NumberField } from '@servicetitan/anvil2';
 import AddIcon from '@servicetitan/anvil2/assets/icons/material/round/add_circle.svg';
-import { BusinessCalendarSection } from '@servicetitan/dte-shared';
+import { BusinessCalendarSection } from '../../vendor/dte-shared/index';
 import { Fragment, useState } from 'react';
 import { createClearedESignOffsetSettings } from '../../utils';
 import { ESignDateRulesSummary } from './e-sign-date-rules-summary';

package/dist/components/field-config-panel/field-config-panel.d.ts

@@ -1,4 +1,4 @@
-import { type ScheduleEditorContext } from '@servicetitan/dte-shared';
+import { type ScheduleEditorContext } from '../../vendor/dte-shared/index';
 import { FC } from 'react';
 import { type FormFieldsByFormIdI, type FormInfo, type PdfField, type RecipientInfo, type SchemaObject } from '../../interface/types';
 import { type DateCalcOptions } from '../../utils';

package/dist/components/field-config-panel/formula-generator.d.ts

@@ -1,4 +1,4 @@
-import { type ScheduleEditorContext } from '@servicetitan/dte-shared';
+import { type ScheduleEditorContext } from '../../vendor/dte-shared/index';
 import { FC } from 'react';
 import { type CalculatedFieldFormat, type FormFieldsByFormIdI, type FormInfo, type PdfField, type SchemaObject, type StructuredFormula } from '../../interface/types';
 import { type DateCalcOptions } from '../../utils';

package/dist/components/field-config-panel/formula-modal.d.ts

@@ -1,4 +1,4 @@
-import { type ScheduleEditorContext } from '@servicetitan/dte-shared';
+import { type ScheduleEditorContext } from '../../vendor/dte-shared/index';
 import { FC } from 'react';
 import { type CalculatedFieldFormat, type DataModelFieldGroup, type FieldTypeOption, type FormFieldsByFormIdI, type FormInfo, type StructuredFormula } from '../../interface/types';
 import { type DateCalcOptions } from '../../utils';

package/dist/components/field-config-panel/formula-workspace.d.ts

@@ -1,4 +1,4 @@
-import { type ScheduleEditorContext } from '@servicetitan/dte-shared';
+import { type ScheduleEditorContext } from '../../vendor/dte-shared/index';
 import { Dispatch, FC, KeyboardEvent, MouseEvent, ReactNode, RefObject, SetStateAction } from 'react';
 import { type CalculatedFieldFormat } from '../../interface/types';
 interface FormulaWorkspaceProps {

package/dist/interface/types.d.ts

@@ -255,7 +255,7 @@ export interface BusinessCalendar {
  * working: the schedule editor UI (`ScheduleDrawer`/`SchedulePicker`) is shared with
  * `@servicetitan/dte-unlayer` and lives there now, these types are its domain model.
  */
-export type { BusinessCalendarRules, BusinessDaySchedule, HolidayCatalog, KnownHoliday, SaveScheduleRequest, WeekendDay, } from '@servicetitan/dte-shared';
+export type { BusinessCalendarRules, BusinessDaySchedule, HolidayCatalog, KnownHoliday, SaveScheduleRequest, WeekendDay, } from '../vendor/dte-shared/index';
 /**
  * A date calculated field whose custom business-day exclusion toggle is on, and the schedule it
  * uses (DTE's bindings, full-replace via `PUT api/holidays/templates/{id}/bindings`). A field with

package/dist/vendor/dte-shared/business-calendar-validation.utils.d.ts

@@ -0,0 +1,22 @@
+/** Whether `value` is a valid `MM-DD` custom date (`02-29` included, as a recurring rule). */
+export declare function isValidCustomDate(value: string): boolean;
+/** A month/day pair as `DateFieldYearless` represents it (either part `null` while incomplete). */
+export interface YearlessDateValue {
+    month: number | null;
+    day: number | null;
+}
+/** Converts a complete `{ month, day }` to `MM-DD`, or null while the field is incomplete/invalid. */
+export declare function yearlessDateToCustomDate(value: YearlessDateValue | null): string | null;
+/** Converts a stored `MM-DD` custom date back to `DateFieldYearless`'s `{ month, day }` value. */
+export declare function customDateToYearlessDate(value: string): YearlessDateValue | null;
+/** Formats a stored `MM-DD` custom date for display, e.g. `03-03` → `Mar - 03`. */
+export declare function formatCustomDateLabel(value: string): string;
+/** Whether `name` is the reserved default-schedule name, ignoring case and surrounding whitespace. */
+export declare function isReservedScheduleName(name: string): boolean;
+/**
+ * Client-side schedule name checks mirroring DTE's `SaveDateScheduleRequest.Name` contract: a
+ * required, non-reserved name up to 255 characters, unique per tenant ignoring case. `existingNames`
+ * should exclude the schedule being edited, if any. The server is still authoritative — a duplicate
+ * it rejects despite passing this check is a 409, not a bug here.
+ */
+export declare function validateScheduleName(name: string, existingNames: string[]): string | undefined;

package/dist/vendor/dte-shared/business-calendar-validation.utils.js

@@ -0,0 +1,76 @@
+import { CUSTOM_DATE_MONTH_LENGTHS, CUSTOM_DATE_PATTERN, MAX_SCHEDULE_NAME_LENGTH, RESERVED_SCHEDULE_NAME, } from './constants';
+/** Whether `value` is a valid `MM-DD` custom date (`02-29` included, as a recurring rule). */
+export function isValidCustomDate(value) {
+    const match = CUSTOM_DATE_PATTERN.exec(value);
+    if (!match) {
+        return false;
+    }
+    const month = Number(match[1]);
+    const day = Number(match[2]);
+    return day <= CUSTOM_DATE_MONTH_LENGTHS[month - 1];
+}
+/** Converts a complete `{ month, day }` to `MM-DD`, or null while the field is incomplete/invalid. */
+export function yearlessDateToCustomDate(value) {
+    var _a, _b;
+    const month = (_a = value === null || value === void 0 ? void 0 : value.month) !== null && _a !== void 0 ? _a : null;
+    const day = (_b = value === null || value === void 0 ? void 0 : value.day) !== null && _b !== void 0 ? _b : null;
+    if (month === null || day === null) {
+        return null;
+    }
+    const candidate = `${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+    return isValidCustomDate(candidate) ? candidate : null;
+}
+/** Converts a stored `MM-DD` custom date back to `DateFieldYearless`'s `{ month, day }` value. */
+export function customDateToYearlessDate(value) {
+    const match = CUSTOM_DATE_PATTERN.exec(value);
+    return match ? { month: Number(match[1]), day: Number(match[2]) } : null;
+}
+const CUSTOM_DATE_MONTH_ABBREVIATIONS = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec',
+];
+/** Formats a stored `MM-DD` custom date for display, e.g. `03-03` → `Mar - 03`. */
+export function formatCustomDateLabel(value) {
+    const match = CUSTOM_DATE_PATTERN.exec(value);
+    if (!match) {
+        return value;
+    }
+    const [, month, day] = match;
+    return `${CUSTOM_DATE_MONTH_ABBREVIATIONS[Number(month) - 1]} - ${day}`;
+}
+/** Whether `name` is the reserved default-schedule name, ignoring case and surrounding whitespace. */
+export function isReservedScheduleName(name) {
+    return name.trim().toLowerCase() === RESERVED_SCHEDULE_NAME.toLowerCase();
+}
+/**
+ * Client-side schedule name checks mirroring DTE's `SaveDateScheduleRequest.Name` contract: a
+ * required, non-reserved name up to 255 characters, unique per tenant ignoring case. `existingNames`
+ * should exclude the schedule being edited, if any. The server is still authoritative — a duplicate
+ * it rejects despite passing this check is a 409, not a bug here.
+ */
+export function validateScheduleName(name, existingNames) {
+    const trimmed = name.trim();
+    if (!trimmed) {
+        return 'Schedule name is required';
+    }
+    if (trimmed.length > MAX_SCHEDULE_NAME_LENGTH) {
+        return `Schedule name must be ${MAX_SCHEDULE_NAME_LENGTH} characters or fewer`;
+    }
+    if (isReservedScheduleName(trimmed)) {
+        return `"${RESERVED_SCHEDULE_NAME}" is reserved for the default schedule`;
+    }
+    if (existingNames.some(existing => existing.trim().toLowerCase() === trimmed.toLowerCase())) {
+        return 'A schedule with this name already exists';
+    }
+    return undefined;
+}

package/dist/vendor/dte-shared/components/business-calendar-section.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import '../styles/schedule.css';
+import { type ScheduleEditorContext } from '../types';
+interface BusinessCalendarSectionProps {
+    businessCalendar: ScheduleEditorContext;
+    /** @default "Exclude weekends & holidays from the calculation" */
+    label?: string;
+}
+/**
+ * A business-day exclusion toggle, shown for a date calculated field (Formula Builder's Advanced
+ * Settings, date result type only) and an e-sign `dateSignedOffset` field's day-offset settings.
+ * Off is plain calendar-day arithmetic; on reveals the schedule picker.
+ */
+export declare const BusinessCalendarSection: FC<BusinessCalendarSectionProps>;
+export {};

package/dist/vendor/dte-shared/components/business-calendar-section.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Switch } from '@servicetitan/anvil2';
+import '../styles/schedule.css';
+import { SchedulePicker } from './schedule-picker';
+/**
+ * A business-day exclusion toggle, shown for a date calculated field (Formula Builder's Advanced
+ * Settings, date result type only) and an e-sign `dateSignedOffset` field's day-offset settings.
+ * Off is plain calendar-day arithmetic; on reveals the schedule picker.
+ */
+export const BusinessCalendarSection = ({ businessCalendar, label = 'Exclude weekends & holidays from the calculation', }) => {
+    const { enabled, onToggle } = businessCalendar;
+    return (_jsx("div", { className: "dte-business-calendar-section", children: _jsxs(Flex, { direction: "column", gap: "4", children: [_jsx(Switch, { checked: enabled, onChange: (_e, state) => onToggle(state.checked), label: label, value: "business-calendar-exclusion" }), enabled && _jsx(SchedulePicker, { businessCalendar: businessCalendar })] }) }));
+};

package/dist/vendor/dte-shared/components/schedule-drawer.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { type BusinessDaySchedule, type ScheduleEditorContext } from '../types';
+interface ScheduleDrawerProps {
+    businessCalendar: ScheduleEditorContext;
+    /** When set, edits this schedule in place (PUT) instead of creating a new one (POST). */
+    editingSchedule?: BusinessDaySchedule;
+    onClose(): void;
+    onSaved(schedule: BusinessDaySchedule): void;
+}
+/**
+ * "Create New Schedule" / "Edit Schedule" drawer. Creating starts from the default schedule's
+ * rules (DEFAULT_SCHEDULE_WEEKEND_DAYS, every catalog holiday); editing starts from
+ * `editingSchedule`'s own rules and replaces it in place on save.
+ */
+export declare const ScheduleDrawer: FC<ScheduleDrawerProps>;
+export {};

package/dist/vendor/dte-shared/components/schedule-drawer.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Button, ButtonToggle, DateFieldYearless, Drawer, Flex, MultiSelectFieldSync, Text, TextField, } from '@servicetitan/anvil2';
+import IconAddCircle from '@servicetitan/anvil2/assets/icons/material/round/add_circle.svg';
+import DeleteIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';
+import { useMemo, useRef, useState } from 'react';
+import { customDateToYearlessDate, validateScheduleName, yearlessDateToCustomDate, } from '../business-calendar-validation.utils';
+import { DEFAULT_SCHEDULE_WEEKEND_DAYS } from '../constants';
+const EMPTY_DATE = { month: null, day: null };
+const isEmptyDate = (value) => value.month === null && value.day === null;
+/**
+ * "Create New Schedule" / "Edit Schedule" drawer. Creating starts from the default schedule's
+ * rules (DEFAULT_SCHEDULE_WEEKEND_DAYS, every catalog holiday); editing starts from
+ * `editingSchedule`'s own rules and replaces it in place on save.
+ */
+export const ScheduleDrawer = ({ businessCalendar, editingSchedule, onClose, onSaved, }) => {
+    var _a;
+    const { holidayCatalog, holidayCatalogError, holidayCatalogLoading, onCreateSchedule, onUpdateSchedule, schedules, } = businessCalendar;
+    const [name, setName] = useState((_a = editingSchedule === null || editingSchedule === void 0 ? void 0 : editingSchedule.name) !== null && _a !== void 0 ? _a : '');
+    const [weekendDays, setWeekendDays] = useState(() => { var _a; return new Set((_a = editingSchedule === null || editingSchedule === void 0 ? void 0 : editingSchedule.calendar.weekendDays) !== null && _a !== void 0 ? _a : DEFAULT_SCHEDULE_WEEKEND_DAYS); });
+    const [knownHolidays, setKnownHolidays] = useState(() => {
+        var _a, _b;
+        return new Set((_b = (_a = editingSchedule === null || editingSchedule === void 0 ? void 0 : editingSchedule.calendar.knownHolidays) !== null && _a !== void 0 ? _a : holidayCatalog === null || holidayCatalog === void 0 ? void 0 : holidayCatalog.holidays.map(h => h.code)) !== null && _b !== void 0 ? _b : []);
+    });
+    const [customDates, setCustomDates] = useState(() => {
+        var _a;
+        return ((_a = editingSchedule === null || editingSchedule === void 0 ? void 0 : editingSchedule.calendar.customDates) !== null && _a !== void 0 ? _a : []).map((date, index) => {
+            var _a;
+            return ({
+                id: index,
+                value: (_a = customDateToYearlessDate(date)) !== null && _a !== void 0 ? _a : EMPTY_DATE,
+            });
+        });
+    });
+    const nextRowId = useRef(customDates.length);
+    const [nameTouched, setNameTouched] = useState(false);
+    const [submitError, setSubmitError] = useState();
+    const [submitting, setSubmitting] = useState(false);
+    const holidayOptions = useMemo(() => {
+        var _a;
+        return ((_a = holidayCatalog === null || holidayCatalog === void 0 ? void 0 : holidayCatalog.holidays) !== null && _a !== void 0 ? _a : []).map(h => ({
+            id: h.code,
+            label: `${h.displayName} · ${h.rule}`,
+        }));
+    }, [holidayCatalog]);
+    const selectedHolidayOptions = useMemo(() => holidayOptions.filter(o => knownHolidays.has(String(o.id))), [holidayOptions, knownHolidays]);
+    const existingNames = useMemo(() => (schedules !== null && schedules !== void 0 ? schedules : [])
+        .filter(s => !s.isDefault && s.id !== (editingSchedule === null || editingSchedule === void 0 ? void 0 : editingSchedule.id))
+        .map(s => s.name), [schedules, editingSchedule]);
+    const nameError = validateScheduleName(name, existingNames);
+    const toggleWeekendDay = (day) => {
+        setWeekendDays(prev => {
+            const next = new Set(prev);
+            if (next.has(day)) {
+                next.delete(day);
+            }
+            else {
+                next.add(day);
+            }
+            return next;
+        });
+    };
+    const handleAddDate = () => setCustomDates(prev => [...prev, { id: nextRowId.current++, value: EMPTY_DATE }]);
+    const handleRemoveDate = (id) => setCustomDates(prev => prev.filter(row => row.id !== id));
+    const handleCustomDateChange = (id, value) => setCustomDates(prev => prev.map(row => (row.id === id ? { ...row, value: value !== null && value !== void 0 ? value : EMPTY_DATE } : row)));
+    /** Resolved `MM-DD` per non-empty row, or `null` for an incomplete/invalid one (blocks submit). */
+    const resolvedCustomDates = customDates.map(row => isEmptyDate(row.value) ? '' : yearlessDateToCustomDate(row.value));
+    const hasInvalidCustomDate = resolvedCustomDates.some((d, i) => d === null && !isEmptyDate(customDates[i].value));
+    /*
+     * Editing is only offered for a saved tenant schedule, which always has an id (only the
+     * read-only default schedule — never editable — lacks one).
+     */
+    const editingId = editingSchedule === null || editingSchedule === void 0 ? void 0 : editingSchedule.id;
+    const isEditing = editingId !== undefined;
+    const canSave = isEditing ? !!onUpdateSchedule : !!onCreateSchedule;
+    const canSubmit = !nameError && !hasInvalidCustomDate && !submitting && canSave;
+    const handleSubmit = async () => {
+        setNameTouched(true);
+        if (nameError || hasInvalidCustomDate || !canSave) {
+            return;
+        }
+        const request = {
+            name: name.trim(),
+            weekendDays: Array.from(weekendDays),
+            knownHolidays: Array.from(knownHolidays),
+            customDates: Array.from(new Set(resolvedCustomDates.filter((d) => !!d))),
+        };
+        setSubmitting(true);
+        setSubmitError(undefined);
+        try {
+            if (isEditing && onUpdateSchedule) {
+                onSaved(await onUpdateSchedule(editingId, request));
+            }
+            else if (!isEditing && onCreateSchedule) {
+                onSaved(await onCreateSchedule(request));
+            }
+        }
+        catch (e) {
+            setSubmitError(e instanceof Error
+                ? e.message
+                : `Failed to ${isEditing ? 'save' : 'create'} schedule`);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs(Drawer, { open: true, onClose: onClose, size: "medium", children: [_jsx(Drawer.Header, { children: isEditing ? 'Edit Schedule' : 'Create New Schedule' }), _jsx(Drawer.Content, { children: _jsxs(Flex, { direction: "column", gap: "4", children: [_jsx(TextField, { required: true, label: "Schedule Name", value: name, onChange: e => setName(e.target.value), onBlur: () => setNameTouched(true), error: nameTouched ? nameError : undefined }), _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Text, { variant: "eyebrow", size: "small", children: "Exclude Weekends" }), _jsxs(Flex, { gap: "3", children: [_jsx(ButtonToggle, { checked: weekendDays.has(6), onClick: () => toggleWeekendDay(6), children: "Saturday" }), _jsx(ButtonToggle, { checked: weekendDays.has(0), onClick: () => toggleWeekendDay(0), children: "Sunday" })] })] }), _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Text, { variant: "eyebrow", size: "small", children: "Exclude Holidays" }), holidayCatalogLoading && _jsx(Text, { variant: "body", children: "Loading holidays\u2026" }), holidayCatalogError && (_jsx(Alert, { status: "danger", title: holidayCatalogError })), _jsx(MultiSelectFieldSync, { label: holidayCatalog
+                                        ? `${holidayCatalog.jurisdiction} Holidays`
+                                        : 'Holidays', disabled: holidayCatalogLoading, options: holidayOptions, value: selectedHolidayOptions, onSelectedOptionsChange: options => setKnownHolidays(new Set(options.map(o => String(o.id)))), description: "Select the holidays you want to exclude", filter: { keys: ['label'] } })] }), _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Text, { variant: "eyebrow", size: "small", children: "Custom Dates" }), customDates.map((row, index) => {
+                                    const invalid = resolvedCustomDates[index] === null && !isEmptyDate(row.value);
+                                    return (_jsxs(Flex, { gap: "2", children: [_jsx(DateFieldYearless, { label: `Custom date ${index + 1}`, hideLabel: true, value: row.value, error: invalid ? 'Enter a valid date' : undefined, onChange: change => handleCustomDateChange(row.id, change.value), flex: 1 }), _jsx(Button, { icon: DeleteIcon, appearance: "ghost", "aria-label": "Remove date", onClick: () => handleRemoveDate(row.id) })] }, row.id));
+                                }), _jsx(Button, { appearance: "ghost", icon: IconAddCircle, onClick: handleAddDate, children: "Add Date" })] }), submitError && _jsx(Alert, { status: "danger", title: submitError })] }) }), _jsxs(Drawer.Footer, { sticky: true, children: [_jsx(Drawer.CancelButton, { appearance: "secondary", children: "Cancel" }), _jsx(Button, { appearance: "primary", onClick: handleSubmit, loading: submitting, disabled: !canSubmit, children: isEditing ? 'Save' : 'Create' })] })] }));
+};

package/dist/vendor/dte-shared/components/schedule-picker.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { type ScheduleEditorContext } from '../types';
+interface SchedulePickerProps {
+    businessCalendar: ScheduleEditorContext;
+}
+/** "Select Schedule or create new" picker plus a collapsible preview of the selected schedule's rules. */
+export declare const SchedulePicker: FC<SchedulePickerProps>;
+export {};

package/dist/vendor/dte-shared/components/schedule-picker.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Button, Chip, Flex, SelectFieldSync, Text } from '@servicetitan/anvil2';
+import DeleteIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';
+import EditIcon from '@servicetitan/anvil2/assets/icons/material/round/edit.svg';
+import IconExpandLess from '@servicetitan/anvil2/assets/icons/material/round/expand_less.svg';
+import IconExpandMore from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
+import { Fragment, useMemo, useState } from 'react';
+import { formatCustomDateLabel } from '../business-calendar-validation.utils';
+import { ScheduleDrawer } from './schedule-drawer';
+/** `BusinessCalendarRules.weekendDays` day numbers, as `Date.getUTCDay()` numbers them. */
+const WEEKEND_DAY_LABELS = { 0: 'Sundays', 6: 'Saturdays' };
+const DEFAULT_OPTION_ID = 'default';
+/** "Select Schedule or create new" picker plus a collapsible preview of the selected schedule's rules. */
+export const SchedulePicker = ({ businessCalendar }) => {
+    var _a;
+    const { holidayCatalog, holidayCatalogError, holidayCatalogLoading, onDeleteSchedule, onSelectSchedule, schedules, schedulesError, schedulesLoading, selectedScheduleId, } = businessCalendar;
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const [editingSchedule, setEditingSchedule] = useState();
+    const [previewOpen, setPreviewOpen] = useState(true);
+    const [deleting, setDeleting] = useState(false);
+    const [deleteError, setDeleteError] = useState();
+    const options = useMemo(() => (schedules !== null && schedules !== void 0 ? schedules : []).map(s => { var _a; return ({ id: (_a = s.id) !== null && _a !== void 0 ? _a : DEFAULT_OPTION_ID, label: s.name }); }), [schedules]);
+    const selectedOptionId = selectedScheduleId !== null && selectedScheduleId !== void 0 ? selectedScheduleId : DEFAULT_OPTION_ID;
+    const selectedOption = (_a = options.find(o => o.id === selectedOptionId)) !== null && _a !== void 0 ? _a : null;
+    const selectedSchedule = (schedules !== null && schedules !== void 0 ? schedules : []).find(s => { var _a; return ((_a = s.id) !== null && _a !== void 0 ? _a : DEFAULT_OPTION_ID) === selectedOptionId; });
+    const holidayByCode = useMemo(() => {
+        var _a;
+        const map = new Map();
+        for (const h of (_a = holidayCatalog === null || holidayCatalog === void 0 ? void 0 : holidayCatalog.holidays) !== null && _a !== void 0 ? _a : []) {
+            map.set(h.code, h);
+        }
+        return map;
+    }, [holidayCatalog]);
+    const handleSelectedOptionChange = (option) => {
+        if (!option) {
+            return;
+        }
+        onSelectSchedule(option.id === DEFAULT_OPTION_ID ? undefined : option.id);
+    };
+    const handleSaved = (schedule) => {
+        onSelectSchedule(schedule.id);
+        setDrawerOpen(false);
+        setEditingSchedule(undefined);
+    };
+    const handleOpenCreate = () => {
+        setEditingSchedule(undefined);
+        setDrawerOpen(true);
+    };
+    const handleOpenEdit = () => {
+        if (!selectedSchedule) {
+            return;
+        }
+        setEditingSchedule(selectedSchedule);
+        setDrawerOpen(true);
+    };
+    const handleCloseDrawer = () => {
+        setDrawerOpen(false);
+        setEditingSchedule(undefined);
+    };
+    const handleDelete = async () => {
+        if (!(selectedSchedule === null || selectedSchedule === void 0 ? void 0 : selectedSchedule.id) || !onDeleteSchedule) {
+            return;
+        }
+        setDeleting(true);
+        setDeleteError(undefined);
+        try {
+            await onDeleteSchedule(selectedSchedule.id);
+            onSelectSchedule(undefined);
+        }
+        catch (e) {
+            setDeleteError(e instanceof Error ? e.message : 'Failed to delete schedule');
+        }
+        finally {
+            setDeleting(false);
+        }
+    };
+    return (_jsxs(Fragment, { children: [_jsx(SelectFieldSync, { label: "Select Schedule or create new", options: options, value: selectedOption, disableClearButton: true, disabled: schedulesLoading, onSelectedOptionChange: handleSelectedOptionChange, onAddNewItem: handleOpenCreate, addItemLabel: "Create new schedule", filter: { keys: ['label'] } }), schedulesLoading && _jsx(Text, { variant: "body", children: "Loading schedules\u2026" }), schedulesError && _jsx(Alert, { status: "danger", title: schedulesError }), selectedSchedule && (_jsxs("div", { className: "dte-business-calendar-preview", children: [_jsxs(Flex, { alignItems: "center", justifyContent: "space-between", gap: "2", className: "dte-business-calendar-preview-header", children: [_jsxs(Flex, { alignItems: "center", gap: "2", onClick: () => setPreviewOpen(prev => !prev), children: [_jsx(Button, { appearance: "ghost", size: "small", icon: previewOpen ? IconExpandLess : IconExpandMore, "aria-label": previewOpen
+                                            ? 'Collapse schedule preview'
+                                            : 'Expand schedule preview' }), _jsx(Text, { variant: "body", children: _jsx("strong", { children: selectedSchedule.name }) })] }), !selectedSchedule.isDefault && (_jsxs(Flex, { alignItems: "center", gap: "2", children: [_jsx(Button, { icon: EditIcon, size: "small", appearance: "ghost", onClick: handleOpenEdit, disabled: deleting, children: "Edit" }), _jsx(Button, { icon: DeleteIcon, size: "small", appearance: "ghost", "aria-label": "Delete schedule", onClick: handleDelete, loading: deleting, disabled: !onDeleteSchedule })] }))] }), deleteError && _jsx(Alert, { status: "danger", title: deleteError }), previewOpen && (_jsxs(Flex, { direction: "column", gap: "3", className: "dte-business-calendar-preview-content", children: [_jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Text, { variant: "eyebrow", size: "small", children: "Excluded Weekends" }), _jsx(Flex, { gap: "2", style: { flexWrap: 'wrap' }, children: selectedSchedule.calendar.weekendDays.map(day => {
+                                            var _a;
+                                            return (_jsx(Chip, { label: (_a = WEEKEND_DAY_LABELS[day]) !== null && _a !== void 0 ? _a : String(day), size: "medium" }, day));
+                                        }) })] }), _jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Text, { variant: "eyebrow", size: "small", children: "Excluded Holidays" }), holidayCatalogLoading && (_jsx(Text, { variant: "body", children: "Loading holidays\u2026" })), holidayCatalogError && (_jsx(Alert, { status: "danger", title: holidayCatalogError })), _jsx(Flex, { gap: "2", style: { flexWrap: 'wrap' }, children: selectedSchedule.calendar.knownHolidays.map(code => {
+                                            const holiday = holidayByCode.get(code);
+                                            return (_jsx(Chip, { label: holiday
+                                                    ? `${holiday.displayName} · ${holiday.rule}`
+                                                    : code, size: "medium" }, code));
+                                        }) })] }), selectedSchedule.calendar.customDates.length > 0 && (_jsxs(Flex, { direction: "column", gap: "2", children: [_jsx(Text, { variant: "eyebrow", size: "small", children: "Custom Dates" }), _jsx(Flex, { gap: "2", style: { flexWrap: 'wrap' }, children: selectedSchedule.calendar.customDates.map(date => (_jsx(Chip, { label: formatCustomDateLabel(date), size: "medium" }, date))) })] }))] }))] })), drawerOpen && (_jsx(ScheduleDrawer, { businessCalendar: businessCalendar, editingSchedule: editingSchedule, onClose: handleCloseDrawer, onSaved: handleSaved }))] }));
+};

package/dist/vendor/dte-shared/constants.d.ts

@@ -0,0 +1,10 @@
+/** DTE's `SaveDateScheduleRequest.Name` limit. */
+export declare const MAX_SCHEDULE_NAME_LENGTH = 255;
+/** The read-only default schedule's name; a tenant schedule may not reuse it (case-insensitive). */
+export declare const RESERVED_SCHEDULE_NAME = "Default";
+/** `MM-DD`, 01-12 / 01-31, as DTE's `CalendarSpecModel.customDates` (`02-29` is a valid leap day). */
+export declare const CUSTOM_DATE_PATTERN: RegExp;
+/** Days per month for an `MM-DD` custom date, Feb including the leap day. */
+export declare const CUSTOM_DATE_MONTH_LENGTHS: number[];
+/** The default schedule's weekend: Sunday and Saturday, DTE's `Date.getUTCDay()` numbering. */
+export declare const DEFAULT_SCHEDULE_WEEKEND_DAYS: [0, 6];

package/dist/vendor/dte-shared/constants.js

@@ -0,0 +1,10 @@
+/** DTE's `SaveDateScheduleRequest.Name` limit. */
+export const MAX_SCHEDULE_NAME_LENGTH = 255;
+/** The read-only default schedule's name; a tenant schedule may not reuse it (case-insensitive). */
+export const RESERVED_SCHEDULE_NAME = 'Default';
+/** `MM-DD`, 01-12 / 01-31, as DTE's `CalendarSpecModel.customDates` (`02-29` is a valid leap day). */
+export const CUSTOM_DATE_PATTERN = /^(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;
+/** Days per month for an `MM-DD` custom date, Feb including the leap day. */
+export const CUSTOM_DATE_MONTH_LENGTHS = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+/** The default schedule's weekend: Sunday and Saturday, DTE's `Date.getUTCDay()` numbering. */
+export const DEFAULT_SCHEDULE_WEEKEND_DAYS = [0, 6];

package/dist/vendor/dte-shared/index.d.ts

@@ -0,0 +1,6 @@
+export { BusinessCalendarSection } from './components/business-calendar-section';
+export { SchedulePicker } from './components/schedule-picker';
+export { ScheduleDrawer } from './components/schedule-drawer';
+export type * from './types';
+export * from './constants';
+export * from './business-calendar-validation.utils';

package/dist/vendor/dte-shared/index.js

@@ -0,0 +1,5 @@
+export { BusinessCalendarSection } from './components/business-calendar-section';
+export { SchedulePicker } from './components/schedule-picker';
+export { ScheduleDrawer } from './components/schedule-drawer';
+export * from './constants';
+export * from './business-calendar-validation.utils';

package/dist/vendor/dte-shared/styles/schedule.css

@@ -0,0 +1,19 @@
+.dte-business-calendar-section {
+    margin-top: var(--spacing-2);
+    padding-top: var(--spacing-2);
+    border-top: 1px solid var(--border-color);
+}
+
+.dte-business-calendar-preview {
+    padding: var(--spacing-2);
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+}
+
+.dte-business-calendar-preview-header {
+    cursor: pointer;
+}
+
+.dte-business-calendar-preview-content {
+    margin-top: var(--spacing-2);
+}

package/dist/vendor/dte-shared/types.d.ts

@@ -0,0 +1,67 @@
+/** A weekend day excluded by a business-day schedule, as `Date.getUTCDay()` numbers them. */
+export type WeekendDay = 0 | 6;
+/** A known holiday a tenant can exclude, from DTE's catalog (`GET api/holidays/catalog`). */
+export interface KnownHoliday {
+    /** Stable code stored in a schedule's `knownHolidays`, e.g. `JULY4`. */
+    code: string;
+    /** Name to show, e.g. "Independence Day". */
+    displayName: string;
+    /** When it falls, e.g. "July 4" or "4th Thursday of November". */
+    rule: string;
+}
+/** The known holidays a tenant can exclude, for the schedule editor's checklist. */
+export interface HolidayCatalog {
+    /** The jurisdiction the holidays belong to, e.g. "US" or a US state code. */
+    jurisdiction: string;
+    holidays: KnownHoliday[];
+}
+/** The rules of a business-day schedule: which days a date calculation skips. */
+export interface BusinessCalendarRules {
+    weekendDays: WeekendDay[];
+    /** Codes of excluded holidays from the jurisdiction's catalog (`KnownHoliday.code`). */
+    knownHolidays: string[];
+    /** Extra excluded days as `MM-DD`, repeating every year, e.g. `12-24`. */
+    customDates: string[];
+}
+/** A schedule a tenant can pick for a business-day calculation (DTE's `GET api/holidays/schedules`). */
+export interface BusinessDaySchedule {
+    /** Identifier of a tenant schedule; undefined for the read-only default schedule. */
+    id?: number;
+    name: string;
+    /** Whether this is the read-only default schedule of the tenant's jurisdiction. */
+    isDefault: boolean;
+    calendar: BusinessCalendarRules;
+}
+/**
+ * Request to create a tenant business-day schedule (DTE's `POST api/holidays/schedules`). Always
+ * creates a new schedule — editing a selected one does not overwrite it.
+ */
+export interface SaveScheduleRequest extends BusinessCalendarRules {
+    /** Display name, unique per tenant ignoring case, max 255 characters, and not "Default". */
+    name: string;
+}
+/**
+ * Prop bundle for the business-calendar toggle/picker/drawer, built by a host package (currently
+ * `@servicetitan/dte-pdf-editor` and `@servicetitan/dte-unlayer`) from whatever it uses to track
+ * which of its own fields have the toggle on and which schedule each uses — this package has no
+ * opinion on that part, only on the schedule CRUD and the UI built from it.
+ */
+export interface ScheduleEditorContext {
+    /** Whether the current field's custom business-day exclusion toggle is on. */
+    enabled: boolean;
+    /** The current field's bound schedule id, or undefined for the default schedule. */
+    selectedScheduleId?: number;
+    holidayCatalog?: HolidayCatalog;
+    holidayCatalogLoading?: boolean;
+    holidayCatalogError?: string;
+    schedules?: BusinessDaySchedule[];
+    schedulesLoading?: boolean;
+    schedulesError?: string;
+    onToggle(enabled: boolean): void;
+    onSelectSchedule(scheduleId: number | undefined): void;
+    onCreateSchedule?(request: SaveScheduleRequest): Promise<BusinessDaySchedule>;
+    /** Replaces a tenant schedule's name and rules in place (DTE's `PUT api/holidays/schedules/{id}`). */
+    onUpdateSchedule?(id: number, request: SaveScheduleRequest): Promise<BusinessDaySchedule>;
+    /** Permanently deletes a tenant schedule; fields bound to it fall back to the default schedule. */
+    onDeleteSchedule?(id: number): Promise<void>;
+}

package/dist/vendor/dte-shared/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/dte-pdf-editor",
-  "version": "1.96.0",
+  "version": "1.96.1",
   "description": "",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",
@@ -13,17 +13,19 @@
     "registry": "https://registry.npmjs.org"
   },
   "scripts": {
-    "build": "tsc --build && startup prepare-package"
+    "build": "npm run build --prefix ../shared && tsc --build && startup prepare-package && node scripts/bundle-shared.mjs"
   },
   "cli": {
     "webpack": false
   },
   "dependencies": {
-    "@servicetitan/dte-shared": "^0.0.1",
     "pdfjs-dist": "^5.4.530",
     "react-pdf": "^10.3.0",
     "uuid": "^9.0.0"
   },
+  "devDependencies": {
+    "@servicetitan/dte-shared": "^0.0.1"
+  },
   "peerDependencies": {
     "@servicetitan/anvil2": "^3.7.1",
     "react": "~18.3.1",