@agent-native/scheduling 0.1.12 → 0.1.14

package/src/react/components/SlotPicker.tsx

@@ -1,3 +1,6 @@
+import { TZDate } from "@date-fns/tz";
+import { format } from "date-fns";
+
 /**
  * SlotPicker — minimal, unstyled primitive that renders a vertical list of
  * available slots grouped by date. Consumers style the buttons via their
@@ -7,8 +10,6 @@
  * system for a fully styled picker.
  */
 import type { Slot } from "../../shared/index.js";
-import { TZDate } from "@date-fns/tz";
-import { format } from "date-fns";
 import { useSchedulingT } from "../i18n.js";
 
 export interface SlotPickerProps {

package/src/react/components/_shadcn-shims.d.ts

@@ -6,7 +6,7 @@
  * *build time* by the consumer's bundler (Vite / React Router) using the
  * template's `tsconfig.json` `paths` setting.
  *
- * The package itself doesn't have access to that alias during `tsc`
+ * The package itself doesn't have access to that alias during `tsgo`
  * compilation, so we declare broad shapes here to make the compiler happy
  * without coupling the package to a specific shadcn version. Runtime
  * behaviour is driven entirely by the consumer's actual shadcn modules.

package/src/react/components/booking-links/AvailabilityEditor.tsx

@@ -1,3 +1,5 @@
+import type { LocaleCode } from "@agent-native/core/client";
+
 /**
  * AvailabilityEditor — weekly schedule grid with per-day toggles and time
  * pickers. Matches the calendar template's visual baseline.
@@ -11,8 +13,8 @@
  */
 import { Input } from "@/components/ui/input";
 import { Switch } from "@/components/ui/switch";
+
 import { schedulingMessage, useSchedulingT } from "../../i18n.js";
-import type { LocaleCode } from "@agent-native/core/client";
 
 export type DayKey =
   | "monday"

package/src/react/components/booking-links/BookingLinkCreateDialog.tsx

@@ -10,6 +10,8 @@
  * label, textarea.
  */
 import { useEffect, useState } from "react";
+
+import { Button } from "@/components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -18,10 +20,10 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
+
 import { useSchedulingT } from "../../i18n.js";
 
 export interface BookingLinkCreateDraft {
@@ -110,7 +112,7 @@ export function BookingLinkCreateDialog(props: BookingLinkCreateDialogProps) {
             <Label htmlFor="blc-title">{t("title")}</Label>
             <Input
               id="blc-title"
-              placeholder="Quick chat"
+              placeholder={t("quickChatPlaceholder")}
               value={form.title}
               onChange={(e) => {
                 const title = e.currentTarget.value;
@@ -131,7 +133,7 @@ export function BookingLinkCreateDialog(props: BookingLinkCreateDialogProps) {
               </span>
               <Input
                 id="blc-slug"
-                placeholder="quick-chat"
+                placeholder={t("quickChatSlugPlaceholder")}
                 className="rounded-l-none border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
                 value={form.slug}
                 onChange={(e) => {

package/src/react/components/booking-links/ConferencingSelector.tsx

@@ -1,3 +1,11 @@
+import {
+  IconBrandGoogle,
+  IconBrandZoom,
+  IconCheck,
+  IconLink,
+  IconVideo,
+  IconVideoOff,
+} from "@tabler/icons-react";
 /**
  * ConferencingSelector — choose how a booking's video meeting is set up.
  *
@@ -23,24 +31,18 @@
  *   - `onConnectGoogle` — optional, same shape as onConnectZoom
  */
 import { useId, type ComponentType } from "react";
-import {
-  IconBrandGoogle,
-  IconBrandZoom,
-  IconCheck,
-  IconLink,
-  IconVideo,
-  IconVideoOff,
-} from "@tabler/icons-react";
+
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Badge } from "@/components/ui/badge";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
 } from "@/components/ui/select";
+
 import { useSchedulingT } from "../../i18n.js";
 
 export type ConferencingType = "none" | "google_meet" | "zoom" | "custom";
@@ -275,7 +277,7 @@ export function ConferencingSelector(props: ConferencingSelectorProps) {
             onChange={(e) =>
               onChange({ type: "custom", url: e.currentTarget.value })
             }
-            placeholder="https://meet.example.com/room"
+            placeholder={t("customMeetingUrlPlaceholder")}
             className="h-8 text-sm"
           />
         </div>

package/src/react/components/booking-links/CustomFieldsEditor.tsx

@@ -1,3 +1,13 @@
+import {
+  IconChevronDown,
+  IconChevronLeft,
+  IconChevronRight,
+  IconGripVertical,
+  IconListCheck,
+  IconPlus,
+  IconTrash,
+} from "@tabler/icons-react";
+import { nanoid } from "nanoid";
 /**
  * CustomFieldsEditor — add, remove, reorder, and configure custom form
  * fields shown on a booking page.
@@ -13,20 +23,12 @@
  * textarea, switch. Icons from `@tabler/icons-react`.
  */
 import { useState } from "react";
-import { nanoid } from "nanoid";
-import {
-  IconChevronDown,
-  IconChevronLeft,
-  IconChevronRight,
-  IconGripVertical,
-  IconListCheck,
-  IconPlus,
-  IconTrash,
-} from "@tabler/icons-react";
+
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
 import { Switch } from "@/components/ui/switch";
+import { Textarea } from "@/components/ui/textarea";
+
 import { useSchedulingT } from "../../i18n.js";
 
 export type CustomFieldType =
@@ -355,7 +357,7 @@ export function CustomFieldsEditor(props: CustomFieldsEditorProps) {
                             .filter((o) => o.trim());
                           updateField(field.id, { options });
                         }}
-                        placeholder={"Option 1\nOption 2\nOption 3"}
+                        placeholder={t("optionListPlaceholder")}
                         rows={3}
                         className="text-sm"
                       />
@@ -377,7 +379,7 @@ export function CustomFieldsEditor(props: CustomFieldsEditorProps) {
                             pattern: e.target.value || undefined,
                           })
                         }
-                        placeholder="e.g. ^https?://(www\.)?linkedin\.com/in/.+"
+                        placeholder={t("validationPatternPlaceholder")}
                         className="h-8 font-mono text-sm"
                       />
                       {field.pattern && (
@@ -395,7 +397,7 @@ export function CustomFieldsEditor(props: CustomFieldsEditorProps) {
                                 patternError: e.target.value || undefined,
                               })
                             }
-                            placeholder="e.g. Please enter a valid LinkedIn URL"
+                            placeholder={t("validationErrorPlaceholder")}
                             className="h-8 text-sm"
                           />
                         </div>

package/src/react/components/booking-links/DurationPicker.tsx

@@ -1,3 +1,4 @@
+import { IconPlus, IconX } from "@tabler/icons-react";
 /**
  * DurationPicker — multi-select of booking durations rendered as pills.
  *
@@ -8,9 +9,10 @@
  * Shadcn primitives expected in the consumer: button, input, label.
  */
 import { useState } from "react";
-import { IconPlus, IconX } from "@tabler/icons-react";
+
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
+
 import { useSchedulingT } from "../../i18n.js";
 
 const DEFAULT_PRESETS = [15, 30, 45, 60];

package/src/react/components/booking-links/SlugEditor.tsx

@@ -10,7 +10,9 @@
  * Shadcn primitives expected in the consumer: label.
  */
 import { useState } from "react";
+
 import { Label } from "@/components/ui/label";
+
 import { useSchedulingT } from "../../i18n.js";
 
 export interface SlugEditorProps {

package/src/react/hooks/useBookingFlow.ts

@@ -9,6 +9,7 @@
  * and a page refresh see the same state.
  */
 import { useState, useCallback } from "react";
+
 import type { Slot } from "../../shared/index.js";
 
 export type BookerStage =

package/src/react/hooks/useEventType.ts

@@ -3,6 +3,7 @@
  * callback (typically calling the `get-event-type` action).
  */
 import { useEffect, useState } from "react";
+
 import type { EventType } from "../../shared/index.js";
 
 export interface UseEventTypeOpts {

package/src/react/hooks/useReschedule.ts

@@ -3,6 +3,7 @@
  * reschedule flow that replaces its start/end time.
  */
 import { useEffect, useState } from "react";
+
 import type { Booking } from "../../shared/index.js";
 
 export interface UseRescheduleOpts {

package/src/react/hooks/useSlots.ts

@@ -7,6 +7,7 @@
  * that calls their own API (typically an action like `check-availability`).
  */
 import { useEffect, useState, useCallback } from "react";
+
 import type { Slot } from "../../shared/index.js";
 
 export interface UseSlotsOpts {

package/src/react/i18n.ts

@@ -86,6 +86,12 @@ const enUS = {
   saving: "Saving...",
   shortText: "Short text",
   shortDescriptionPlaceholder: "A short description people will see.",
+  quickChatPlaceholder: "Quick chat",
+  quickChatSlugPlaceholder: "quick-chat",
+  optionListPlaceholder: "Option 1\nOption 2\nOption 3",
+  validationPatternPlaceholder: "e.g. ^https?://(www\\.)?linkedin\\.com/in/.+",
+  validationErrorPlaceholder: "e.g. Please enter a valid LinkedIn URL",
+  customMeetingUrlPlaceholder: "https://meet.example.com/room",
   title: "Title",
   to: "to",
   toggleDay: "Toggle {{day}}",

package/src/server/availability-engine.ts

@@ -7,18 +7,19 @@
  * calendars + existing bookings, and applies booking limits.
  */
 import { eq, gte, lt, and } from "drizzle-orm";
+
+import type { BookingCounts } from "../core/limits.js";
+import { bucketKeysForSlot } from "../core/limits.js";
+import { computeAvailableSlots } from "../core/slots.js";
 import type {
   EventType,
   Schedule,
   BusyInterval,
   Slot,
 } from "../shared/index.js";
-import type { BookingCounts } from "../core/limits.js";
-import { computeAvailableSlots } from "../core/slots.js";
-import { bucketKeysForSlot } from "../core/limits.js";
-import { getScheduleById } from "./schedules-repo.js";
 import { getSchedulingContext } from "./context.js";
 import { getCalendarProvider } from "./providers/registry.js";
+import { getScheduleById } from "./schedules-repo.js";
 
 export interface GetSlotsInput {
   eventType: EventType;

package/src/server/booking-service.ts

@@ -1,3 +1,5 @@
+import { eq } from "drizzle-orm";
+
 /**
  * Booking lifecycle — create, reschedule, cancel — wired to providers and
  * workflow hooks.
@@ -23,15 +25,14 @@ import {
   markAttendeeNoShow,
   addBookingReference,
 } from "./bookings-repo.js";
+import { getSchedulingContext } from "./context.js";
 import { getEventTypeById } from "./event-types-repo.js";
-import { getCalendarProvider, getVideoProvider } from "./providers/registry.js";
 import {
   onBookingCreated,
   onBookingCancelled,
   onBookingRescheduled,
 } from "./hooks.js";
-import { getSchedulingContext } from "./context.js";
-import { eq } from "drizzle-orm";
+import { getCalendarProvider, getVideoProvider } from "./providers/registry.js";
 
 export interface CreateBookingInput {
   eventType: EventType;

package/src/server/bookings-repo.ts

@@ -1,9 +1,10 @@
+import { accessFilter } from "@agent-native/core/sharing";
 /**
  * Data access for bookings + their attendees, references, and notes.
  */
 import { eq, and, gte, lt, or, desc, asc, isNotNull } from "drizzle-orm";
 import { nanoid } from "nanoid";
-import { accessFilter } from "@agent-native/core/sharing";
+
 import type {
   Booking,
   Attendee,

package/src/server/event-types-repo.ts

@@ -1,3 +1,4 @@
+import { accessFilter } from "@agent-native/core/sharing";
 /**
  * Data access for event types.
  *
@@ -6,7 +7,7 @@
  */
 import { eq, and } from "drizzle-orm";
 import { nanoid } from "nanoid";
-import { accessFilter } from "@agent-native/core/sharing";
+
 import type {
   EventType,
   Location,

package/src/server/hooks.ts

@@ -9,9 +9,10 @@
  */
 import { eq, and, inArray } from "drizzle-orm";
 import { nanoid } from "nanoid";
+
+import { addMinutes } from "../core/time.js";
 import type { Booking, Workflow, WorkflowStep } from "../shared/index.js";
 import { getSchedulingContext } from "./context.js";
-import { addMinutes } from "../core/time.js";
 
 export async function onBookingCreated(booking: Booking): Promise<void> {
   await materializeReminders(booking, "new-booking");

package/src/server/providers/google-calendar.ts

@@ -1,3 +1,4 @@
+import type { BusyInterval } from "../../shared/index.js";
 /**
  * Google Calendar provider.
  *
@@ -10,7 +11,6 @@
  * via the `getAccessToken` callback.
  */
 import type { CalendarProvider } from "./types.js";
-import type { BusyInterval } from "../../shared/index.js";
 
 export interface GoogleCalendarProviderConfig {
   clientId: string;

package/src/server/providers/office365.ts

@@ -1,3 +1,4 @@
+import type { BusyInterval } from "../../shared/index.js";
 /**
  * Office 365 / Outlook calendar provider via Microsoft Graph.
  *
@@ -5,7 +6,6 @@
  * Uses Microsoft Graph API for calendars and events.
  */
 import type { CalendarProvider } from "./types.js";
-import type { BusyInterval } from "../../shared/index.js";
 
 export interface Office365ProviderConfig {
   clientId: string;

package/src/server/schedules-repo.ts

@@ -1,10 +1,11 @@
+import { accessFilter } from "@agent-native/core/sharing";
 /**
  * Data access for schedules — the weekly-hours + date-override definitions
  * that event types reference.
  */
 import { eq, and, inArray, type SQL } from "drizzle-orm";
 import { nanoid } from "nanoid";
-import { accessFilter } from "@agent-native/core/sharing";
+
 import type {
   Schedule,
   WeeklyAvailability,

package/src/server/video-oauth-state.test.ts

@@ -1,4 +1,5 @@
 import { describe, expect, it, beforeEach, afterEach } from "vitest";
+
 import {
   signVideoOAuthState,
   verifyVideoOAuthState,

package/src/server/video-oauth.ts

@@ -1,3 +1,4 @@
+import { eq } from "drizzle-orm";
 /**
  * Server-side helper for completing video conferencing OAuth callbacks.
  *
@@ -14,7 +15,7 @@
  * pass in `userEmail` explicitly.
  */
 import { nanoid } from "nanoid";
-import { eq } from "drizzle-orm";
+
 import { getSchedulingContext } from "./context.js";
 import { getVideoProvider } from "./providers/registry.js";