@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/calendar/_components/week-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/calendar/_components/week-grid.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { Plus } from 'lucide-react';\nimport { springs, eases, PRESS_SCALE_LARGE } from '@withpotter/lib/motion';\nimport { cn } from '@withpotter/lib/utils';\nimport type { CalendarEventItem } from '@withpotter/lib/api/types';\nimport { weekOf, parseISO, toISODate } from './calendar-range';\nimport { Button } from '@withpotter/ui-kit/button';\n\nconst HOUR_PX = 48;\n\nfunction clockLabel(h: number) {\n  const suffix = h >= 12 ? 'pm' : 'am';\n  const hour = h % 12 === 0 ? 12 : h % 12;\n  return `${hour}${suffix}`;\n}\n\nfunction hourOf(iso: string) {\n  const d = new Date(iso);\n  return d.getHours() + d.getMinutes() / 60;\n}\n\nexport interface WeekGridProps {\n  anchor: string;\n  events: CalendarEventItem[];\n  openHour?: number;\n  closeHour?: number;\n  onBookSlot: (date: string, startTime: string, endTime: string) => void;\n  onSelectEvent: (event: CalendarEventItem) => void;\n  onOpenDay: (date: string) => void;\n}\n\n/**\n * Seven days of time, drawn in the same language as the day board.\n *\n * The day board can hold resource columns because it only spans one day; a week\n * cannot, so here the columns are days and a booking carries its resource in\n * the label instead. The rule that survives is the important one: free time is\n * still the pressable element, not the leftover space between blocks.\n */\nexport function WeekGrid({\n  anchor,\n  events,\n  openHour = 8,\n  closeHour = 20,\n  onBookSlot,\n  onSelectEvent,\n  onOpenDay,\n}: WeekGridProps) {\n  const reduce = useReducedMotion();\n  const days = useMemo(() => weekOf(anchor), [anchor]);\n  const hours = useMemo(() => {\n    const out: number[] = [];\n    for (let h = openHour; h < closeHour; h += 1) out.push(h);\n    return out;\n  }, [openHour, closeHour]);\n\n  const byDay = useMemo(() => {\n    const map = new Map<string, CalendarEventItem[]>();\n    for (const d of days) map.set(d, []);\n    for (const e of events) {\n      if (e.isAllDay) continue;\n      const d = e.start.slice(0, 10);\n      if (map.has(d)) map.get(d)!.push(e);\n    }\n    return map;\n  }, [events, days]);\n\n  const gridHeight = hours.length * HOUR_PX;\n  const today = toISODate(new Date());\n\n  const col = {\n    hidden: {},\n    shown: { transition: { staggerChildren: reduce ? 0 : 0.02 } },\n  };\n  const blockV = {\n    hidden: reduce ? {} : { opacity: 0, y: 6 },\n    shown: {\n      opacity: 1,\n      y: 0,\n      transition: { duration: 0.22, ease: eases.settle },\n    },\n  };\n\n  return (\n    /* ONE GREY ACROSS THE CALENDAR. The day board is `surface`, the house card\n       fill; this drew itself on `--bg-elevated` and the month and year grids on\n       something else again, so stepping Day → Week changed the colour of the\n       board under you. */\n    <div className=\"surface overflow-hidden\">\n      {/* THE CALENDAR SCROLLS, NOT THE PAGE. John, 2026-09-10: \"i shodl be\n          able to scroll just insdie the calendar when on week view\".\n\n          Twelve hours at 48px is 576px of grid, and it sat in the page's own\n          flow — so reaching 6pm pushed the day headers, the view switch and the\n          page title off the top, and you lost which column was Thursday at\n          exactly the moment you were reading down one. One element scrolls both\n          ways here; the day row pins to its top and the hour gutter to its\n          left, so the two things that say WHERE you are stay put while the\n          diary moves under them.\n\n          The height is bounded against the viewport rather than the content:\n          `15rem` is the shell margin, the page header, the view switch and the\n          booking-link strip above it. Below that it is the grid's own height,\n          so a short opening day does not leave a well of empty rows. */}\n      <div className=\"max-h-[calc(100dvh-15rem)] overflow-auto\">\n        <div\n          className=\"grid min-w-max\"\n          style={{ gridTemplateColumns: `56px repeat(7, minmax(130px, 1fr))` }}\n        >\n          {/* The corner belongs to both frozen bands, so it outranks both. */}\n          <div className=\"sticky left-0 top-0 z-40 border-b border-r border-[var(--border-default)] bg-[var(--card-bg)]\" />\n          {days.map((d) => {\n            const dt = parseISO(d);\n            return (\n              /* A HEADER CELL, not a button in a box. `Button variant=\"secondary\"`\n               gave each day its own border and radius, so the header read as\n               seven pills floating over a grid whose columns they were supposed\n               to be labelling — and the pill's edges did not line up with the\n               column edges below them. It is still pressable; it just looks\n               like what it is. */\n              <button\n                type=\"button\"\n                className=\"sticky top-0 z-30 flex flex-col items-start border-b border-r border-[var(--border-default)] bg-[var(--card-bg)] px-3 py-2 text-left transition-colors last:border-r-0 hover:bg-[var(--interactive-hover)]\"\n                key={d}\n                onClick={() => onOpenDay(d)}\n              >\n                <span className=\"block text-3xs uppercase tracking-wide text-[var(--text-muted)]\">\n                  {dt.toLocaleDateString('en-US', { weekday: 'short' })}\n                </span>\n                <span\n                  className={cn(\n                    'block text-lg font-semibold tabular-nums',\n                    d === today\n                      ? 'text-brand-500'\n                      : 'text-[var(--text-primary)]',\n                  )}\n                >\n                  {dt.getDate()}\n                </span>\n              </button>\n            );\n          })}\n\n          <div\n            className=\"sticky left-0 z-20 border-r border-[var(--border-subtle)] bg-[var(--card-bg)]\"\n            style={{ height: gridHeight }}\n          >\n            {hours.map((h) => (\n              <div\n                key={h}\n                className=\"relative border-b border-[var(--border-subtle)] last:border-b-0\"\n                style={{ height: HOUR_PX }}\n              >\n                {/* The first label has no line above it to straddle, and half of\n                  it was being cut off by the card's own edge. */}\n                <span\n                  className={cn(\n                    'absolute right-2 text-2xs tabular-nums text-[var(--text-muted)]',\n                    h === hours[0] ? 'top-1' : '-top-2',\n                  )}\n                >\n                  {clockLabel(h)}\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {days.map((d) => (\n            <motion.div\n              key={d}\n              variants={col}\n              initial=\"hidden\"\n              animate=\"shown\"\n              className=\"relative border-r border-[var(--border-subtle)] last:border-r-0\"\n              style={{ height: gridHeight }}\n            >\n              {hours.map((h) => (\n                <motion.button\n                  key={h}\n                  type=\"button\"\n                  aria-label={`Book ${clockLabel(h)}`}\n                  onClick={() =>\n                    onBookSlot(\n                      d,\n                      `${String(h).padStart(2, '0')}:00`,\n                      `${String(h + 1).padStart(2, '0')}:00`,\n                    )\n                  }\n                  whileHover={reduce ? undefined : { scale: 1.02 }}\n                  whileTap={reduce ? undefined : { scale: PRESS_SCALE_LARGE }}\n                  transition={springs.snappy}\n                  className=\"group absolute inset-x-1 flex items-center justify-center rounded-md border border-transparent transition-colors duration-[var(--motion-fast)] hover:border-brand-500/30 hover:bg-brand-500/[0.06]\"\n                  style={{\n                    top: (h - openHour) * HOUR_PX + 1,\n                    height: HOUR_PX - 2,\n                  }}\n                >\n                  <Plus className=\"text-brand-500 opacity-0 transition-opacity duration-[var(--motion-fast)] group-hover:opacity-100\" />\n                </motion.button>\n              ))}\n\n              {(byDay.get(d) ?? []).map((e) => {\n                const top = (hourOf(e.start) - openHour) * HOUR_PX;\n                const height = Math.max(\n                  (hourOf(e.end) - hourOf(e.start)) * HOUR_PX,\n                  20,\n                );\n                if (top + height < 0 || top > gridHeight) return null;\n                const isBlock = e.type === 'block';\n                return (\n                  <motion.button\n                    key={e.id}\n                    type=\"button\"\n                    variants={blockV}\n                    onClick={() => onSelectEvent(e)}\n                    whileHover={reduce ? undefined : { scale: 1.01 }}\n                    transition={springs.snappy}\n                    className={cn(\n                      'absolute inset-x-1 z-10 overflow-hidden rounded-md px-2 py-1 text-left',\n                      isBlock\n                        ? 'border border-dashed border-[var(--warning)]/40 bg-[var(--warning-bg)] text-[var(--warning)]'\n                        : e.type === 'synced'\n                          ? 'border border-[var(--border-default)] bg-[var(--bg-muted)] text-[var(--text-secondary)]'\n                          : 'bg-brand-500/[0.16] text-[var(--text-primary)] ring-1 ring-inset ring-brand-500/30',\n                    )}\n                    style={{\n                      top,\n                      height,\n                      boxShadow:\n                        isBlock || e.type === 'synced'\n                          ? undefined\n                          : 'var(--shadow-md)',\n                    }}\n                  >\n                    <span className=\"block truncate text-2xs font-medium\">\n                      {e.customerName || e.title}\n                    </span>\n                  </motion.button>\n                );\n              })}\n            </motion.div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/calendar/_components/year-grid.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { motion, useReducedMotion } from "motion/react";
+import { eases } from "@withpotter/lib/motion";
+import { cn } from "@withpotter/lib/utils";
+import { parseISO, toISODate, bookingsByDay, fullness } from "./calendar-range";
+const MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+function YearGrid({
+  anchor,
+  events,
+  resourceCount,
+  onOpenDay
+}) {
+  const reduce = useReducedMotion();
+  const year = parseISO(anchor).getFullYear();
+  const counts = useMemo(() => bookingsByDay(events), [events]);
+  const today = toISODate(/* @__PURE__ */ new Date());
+  const months = useMemo(
+    () => MONTHS.map((label, m) => {
+      const last = new Date(year, m + 1, 0).getDate();
+      const days = Array.from(
+        { length: last },
+        (_, i) => toISODate(new Date(year, m, i + 1))
+      );
+      const total = days.reduce((sum, d) => sum + (counts.get(d) ?? 0), 0);
+      return { label, m, days, total };
+    }),
+    [year, counts]
+  );
+  const busiest = Math.max(...months.map((mo) => mo.total), 1);
+  return /* @__PURE__ */ jsx("div", { className: "surface grid grid-cols-2 gap-4 p-4 sm:grid-cols-3 lg:grid-cols-4", children: months.map(({ label, days, total }, idx) => /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: reduce ? false : { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      transition: {
+        duration: 0.24,
+        delay: reduce ? 0 : idx * 0.02,
+        ease: eases.settle
+      },
+      className: "space-y-2",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--text-primary)]", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "text-2xs tabular-nums text-[var(--text-muted)]", children: total || "" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid w-fit grid-cols-7 gap-[2px]", children: [
+          Array.from({ length: parseISO(days[0]).getDay() }).map((_, i) => /* @__PURE__ */ jsx("span", { className: "h-[11px] w-[11px]" }, `b-${i}`)),
+          days.map((d) => {
+            const booked = counts.get(d) ?? 0;
+            const fill = fullness(booked, resourceCount);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onOpenDay(d),
+                title: `${d}: ${booked} booked`,
+                "aria-label": `${d}, ${booked} booked`,
+                className: cn(
+                  "h-[11px] w-[11px] rounded-[2px] transition-transform duration-[var(--motion-fast)] hover:scale-150",
+                  // Empty days need to be visible or the month reads as a
+                  // gap in the UI rather than a quiet month.
+                  booked === 0 && "bg-[var(--text-primary)]/[0.07]",
+                  d === today && "ring-1 ring-brand-500"
+                ),
+                style: booked > 0 ? {
+                  // One hue, opacity carrying the load. A multi-colour
+                  // scale would imply categories where there is only
+                  // more and less.
+                  backgroundColor: `color-mix(in srgb, var(--brand-500) ${Math.round(
+                    25 + fill * 75
+                  )}%, transparent)`
+                } : void 0
+              },
+              d
+            );
+          })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "block h-1 rounded-full bg-[var(--bg-muted)]", children: /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: "block h-1 rounded-full bg-brand-500/60",
+            initial: reduce ? false : { scaleX: 0 },
+            animate: { scaleX: total / busiest },
+            style: { transformOrigin: "left" },
+            transition: { duration: 0.45, ease: eases.settle }
+          }
+        ) })
+      ]
+    },
+    label
+  )) });
+}
+export {
+  YearGrid
+};
+//# sourceMappingURL=year-grid.js.map

package/dist/dashboard/(bookings)/calendar/_components/year-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/calendar/_components/year-grid.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { eases } from '@withpotter/lib/motion';\nimport { cn } from '@withpotter/lib/utils';\nimport type { CalendarEventItem } from '@withpotter/lib/api/types';\nimport { parseISO, toISODate, bookingsByDay, fullness } from './calendar-range';\n\nexport interface YearGridProps {\n  anchor: string;\n  events: CalendarEventItem[];\n  resourceCount: number;\n  onOpenDay: (date: string) => void;\n}\n\nconst MONTHS = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n];\n\n/**\n * The year as twelve small heat maps.\n *\n * Nobody schedules a year, so this view answers a different question from the\n * others: when is this business busy? Seasonality, dead months, the week the\n * bookings stopped. Each square is a day tinted by how full it was; pressing\n * one goes straight to that day.\n *\n * Deliberately not a twelve-month calendar with legible dates — at this zoom\n * the pattern is the information and the dates are noise.\n */\nexport function YearGrid({\n  anchor,\n  events,\n  resourceCount,\n  onOpenDay,\n}: YearGridProps) {\n  const reduce = useReducedMotion();\n  const year = parseISO(anchor).getFullYear();\n  const counts = useMemo(() => bookingsByDay(events), [events]);\n  const today = toISODate(new Date());\n\n  const months = useMemo(\n    () =>\n      MONTHS.map((label, m) => {\n        const last = new Date(year, m + 1, 0).getDate();\n        const days = Array.from({ length: last }, (_, i) =>\n          toISODate(new Date(year, m, i + 1)),\n        );\n        const total = days.reduce((sum, d) => sum + (counts.get(d) ?? 0), 0);\n        return { label, m, days, total };\n      }),\n    [year, counts],\n  );\n\n  const busiest = Math.max(...months.map((mo) => mo.total), 1);\n\n  return (\n    <div className=\"surface grid grid-cols-2 gap-4 p-4 sm:grid-cols-3 lg:grid-cols-4\">\n      {months.map(({ label, days, total }, idx) => (\n        <motion.div\n          key={label}\n          initial={reduce ? false : { opacity: 0, y: 8 }}\n          animate={{ opacity: 1, y: 0 }}\n          transition={{\n            duration: 0.24,\n            delay: reduce ? 0 : idx * 0.02,\n            ease: eases.settle,\n          }}\n          className=\"space-y-2\"\n        >\n          <div className=\"flex items-baseline justify-between\">\n            <span className=\"text-xs font-medium text-[var(--text-primary)]\">\n              {label}\n            </span>\n            <span className=\"text-2xs tabular-nums text-[var(--text-muted)]\">\n              {total || ''}\n            </span>\n          </div>\n\n          {/* Fixed 11px cells rather than aspect-square: in a fluid grid each\n              square inflated to ~50px, which is a calendar, not a heat map. The\n              pattern only reads when a whole month fits in a glance. */}\n          <div className=\"grid w-fit grid-cols-7 gap-[2px]\">\n            {Array.from({ length: parseISO(days[0]).getDay() }).map((_, i) => (\n              <span key={`b-${i}`} className=\"h-[11px] w-[11px]\" />\n            ))}\n            {days.map((d) => {\n              const booked = counts.get(d) ?? 0;\n              const fill = fullness(booked, resourceCount);\n              return (\n                <button\n                  type=\"button\"\n                  key={d}\n                  onClick={() => onOpenDay(d)}\n                  title={`${d}: ${booked} booked`}\n                  aria-label={`${d}, ${booked} booked`}\n                  className={cn(\n                    'h-[11px] w-[11px] rounded-[2px] transition-transform duration-[var(--motion-fast)] hover:scale-150',\n                    // Empty days need to be visible or the month reads as a\n                    // gap in the UI rather than a quiet month.\n                    booked === 0 && 'bg-[var(--text-primary)]/[0.07]',\n                    d === today && 'ring-1 ring-brand-500',\n                  )}\n                  style={\n                    booked > 0\n                      ? {\n                          // One hue, opacity carrying the load. A multi-colour\n                          // scale would imply categories where there is only\n                          // more and less.\n                          backgroundColor: `color-mix(in srgb, var(--brand-500) ${Math.round(\n                            25 + fill * 75,\n                          )}%, transparent)`,\n                        }\n                      : undefined\n                  }\n                />\n              );\n            })}\n          </div>\n\n          <span className=\"block h-1 rounded-full bg-[var(--bg-muted)]\">\n            <motion.span\n              className=\"block h-1 rounded-full bg-brand-500/60\"\n              initial={reduce ? false : { scaleX: 0 }}\n              animate={{ scaleX: total / busiest }}\n              style={{ transformOrigin: 'left' }}\n              transition={{ duration: 0.45, ease: eases.settle }}\n            />\n          </span>\n        </motion.div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/calendar/page.js

@@ -0,0 +1,8 @@
+import { redirect } from "next/navigation";
+function CalendarPage() {
+  redirect("/dashboard/bookings?view=calendar");
+}
+export {
+  CalendarPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/calendar/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/%28bookings%29/calendar/page.tsx"],"sourcesContent":["import { redirect } from 'next/navigation';\n\n/**\n * Calendar is no longer its own destination.\n *\n * It and Appointments were sibling nav items over the same records: the list\n * could act but could not show time, the grid could show time but could not\n * act. They are now one surface with a view switch, so this route keeps working\n * for old links and bookmarks and lands on the calendar rendering of it.\n */\nexport default function CalendarPage() {\n  redirect('/dashboard/bookings?view=calendar');\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAUV,SAAR,eAAgC;AACrC,WAAS,mCAAmC;AAC9C;","names":[]}

package/dist/dashboard/(bookings)/calendar-sync/_components/channel-feed-modal.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter
+} from "@withpotter/ui-kit/dialog";
+import { Button } from "@withpotter/ui-kit/button";
+import { Select } from "@withpotter/ui-kit/select";
+import { BrandMark } from "@withpotter/ui-kit/brand-mark";
+import { Input, ErrorBanner } from "@withpotter/ui-kit";
+const CHANNELS = [
+  "Airbnb",
+  "Booking.com",
+  "Vrbo",
+  "Agoda",
+  "Expedia",
+  "Tripadvisor",
+  "Google Calendar",
+  "Other"
+];
+function ChannelFeedModal({
+  properties,
+  loadingProperties,
+  busy,
+  error,
+  onSubscribe,
+  onClose
+}) {
+  const [propertyId, setPropertyId] = useState("");
+  const [name, setName] = useState("Airbnb");
+  const [feedUrl, setFeedUrl] = useState("");
+  const canSubmit = !!propertyId && !!feedUrl.trim() && !busy;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: true,
+      onOpenChange: (o) => {
+        if (!o) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: "Add a channel calendar" }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: "Bookings made on the channel will hold the property here, so the same dates cannot be sold twice." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          error && /* @__PURE__ */ jsx(ErrorBanner, { children: error }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-2 block text-xs font-medium text-[var(--text-tertiary)]", children: "Property" }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                value: propertyId,
+                onChange: setPropertyId,
+                placeholder: loadingProperties ? "Loading properties..." : "Choose a property",
+                options: properties.map((p) => ({
+                  value: p.id,
+                  label: p.title
+                }))
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--text-muted)]", children: "A calendar link covers one listing, so it blocks only this one." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-2 block text-xs font-medium text-[var(--text-tertiary)]", children: "Channel" }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: CHANNELS.map((c) => {
+              const active = name === c;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setName(c),
+                  "aria-pressed": active,
+                  className: `flex items-center gap-2 rounded-lg border px-3 py-2 text-left text-sm transition-colors ${active ? "border-brand-500/60 bg-brand-500/10 text-[var(--text-primary)]" : "border-[var(--border-subtle)] text-[var(--text-secondary)] hover:border-[var(--border-default)] hover:text-[var(--text-primary)]"}`,
+                  children: [
+                    /* @__PURE__ */ jsx(BrandMark, { name: c, size: 15 }),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: c })
+                  ]
+                },
+                c
+              );
+            }) }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-[var(--text-muted)]", children: "Anywhere that exports a calendar works, not just these. Pick Other and name it yourself." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-[var(--text-tertiary)]", children: "Calendar link" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "url",
+                value: feedUrl,
+                onChange: (e) => setFeedUrl(e.target.value),
+                placeholder: "https://www.airbnb.com/calendar/ical/12345.ics"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--text-muted)]", children: "Wherever the space is listed, look for export or share calendar. The link ends in .ics. On Airbnb it is under Availability, then Connect calendars." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => onSubscribe({
+                feedUrl: feedUrl.trim(),
+                name,
+                propertyId
+              }),
+              loading: busy,
+              disabled: !canSubmit,
+              children: busy ? "Reading the calendar\u2026" : "Connect and import"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  ChannelFeedModal
+};
+//# sourceMappingURL=channel-feed-modal.js.map

package/dist/dashboard/(bookings)/calendar-sync/_components/channel-feed-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/calendar-sync/_components/channel-feed-modal.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from '@withpotter/ui-kit/dialog';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { BrandMark } from '@withpotter/ui-kit/brand-mark';\nimport { Input, ErrorBanner } from '@withpotter/ui-kit';\n\n/**\n * Where a property or space is also listed.\n *\n * The lodging sites first because they are the common case, then the generic\n * options: this archetype covers venues too, and a hall is usually double-booked\n * through an events site or a shared Google Calendar rather than Airbnb.\n *\n * VERIFIED AGAINST THE IMPORTER, not guessed at. `import-ical-feed.usecase.ts`\n * fetches a URL and parses it; there is no per-vendor branching anywhere in it\n * or in `parse-ical.ts` — the vendor names appear only in comments. So every\n * channel that publishes an .ics export genuinely works, and naming more of\n * them is a description of what the thing does rather than a promise it cannot\n * keep. `Other` stays last and carries the general case.\n */\nconst CHANNELS = [\n  'Airbnb',\n  'Booking.com',\n  'Vrbo',\n  'Agoda',\n  'Expedia',\n  'Tripadvisor',\n  'Google Calendar',\n  'Other',\n];\n\nexport interface PropertyOption {\n  id: string;\n  title: string;\n}\n\ninterface ChannelFeedModalProps {\n  properties: PropertyOption[];\n  loadingProperties: boolean;\n  busy: boolean;\n  error?: string | null;\n  onSubscribe: (data: {\n    feedUrl: string;\n    name: string;\n    propertyId: string;\n  }) => void;\n  onClose: () => void;\n}\n\n/**\n * Subscribe a property to a channel's exported calendar.\n *\n * The property is a required choice rather than an optional one, because a feed\n * is per LISTING. Left unscoped, one flat's Airbnb calendar would black out\n * every other property the operator runs, which is a worse failure than not\n * connecting at all: it silently removes availability nobody asked it to.\n */\nexport function ChannelFeedModal({\n  properties,\n  loadingProperties,\n  busy,\n  error,\n  onSubscribe,\n  onClose,\n}: ChannelFeedModalProps) {\n  const [propertyId, setPropertyId] = useState('');\n  const [name, setName] = useState('Airbnb');\n  const [feedUrl, setFeedUrl] = useState('');\n\n  const canSubmit = !!propertyId && !!feedUrl.trim() && !busy;\n\n  return (\n    <Dialog\n      open\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n    >\n      <DialogContent className=\"max-w-md\">\n        <DialogHeader>\n          <DialogTitle>Add a channel calendar</DialogTitle>\n          <DialogDescription>\n            Bookings made on the channel will hold the property here, so the\n            same dates cannot be sold twice.\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-4\">\n          {error && <ErrorBanner>{error}</ErrorBanner>}\n\n          <div>\n            <label className=\"mb-2 block text-xs font-medium text-[var(--text-tertiary)]\">\n              Property\n            </label>\n            <Select\n              value={propertyId}\n              onChange={setPropertyId}\n              placeholder={\n                loadingProperties\n                  ? 'Loading properties...'\n                  : 'Choose a property'\n              }\n              options={properties.map((p) => ({\n                value: p.id,\n                label: p.title,\n              }))}\n            />\n            <p className=\"mt-1 text-xs text-[var(--text-muted)]\">\n              A calendar link covers one listing, so it blocks only this one.\n            </p>\n          </div>\n\n          <div>\n            <label className=\"mb-2 block text-xs font-medium text-[var(--text-tertiary)]\">\n              Channel\n            </label>\n            {/* The logos, not a list of strings.\n\n                This was a dropdown of plain names, which reads as a form field\n                you have to fill in rather than a thing you are connecting to.\n                A merchant scanning for \"the one I use\" recognises the Airbnb\n                mark a great deal faster than they read the word, and the marks\n                are also the honest signal that these are real integrations.\n\n                A grid rather than a Select for the same reason: six options\n                that each have a face should be shown, not hidden behind a\n                click. */}\n            <div className=\"grid grid-cols-3 gap-2\">\n              {CHANNELS.map((c) => {\n                const active = name === c;\n                return (\n                  <button\n                    key={c}\n                    type=\"button\"\n                    onClick={() => setName(c)}\n                    aria-pressed={active}\n                    className={`flex items-center gap-2 rounded-lg border px-3 py-2 text-left text-sm transition-colors ${\n                      active\n                        ? 'border-brand-500/60 bg-brand-500/10 text-[var(--text-primary)]'\n                        : 'border-[var(--border-subtle)] text-[var(--text-secondary)] hover:border-[var(--border-default)] hover:text-[var(--text-primary)]'\n                    }`}\n                  >\n                    <BrandMark name={c} size={15} />\n                    <span className=\"min-w-0 truncate\">{c}</span>\n                  </button>\n                );\n              })}\n            </div>\n            <p className=\"mt-2 text-xs text-[var(--text-muted)]\">\n              Anywhere that exports a calendar works, not just these. Pick Other\n              and name it yourself.\n            </p>\n          </div>\n\n          <div>\n            <label className=\"mb-1 block text-xs font-medium text-[var(--text-tertiary)]\">\n              Calendar link\n            </label>\n            <Input\n              type=\"url\"\n              value={feedUrl}\n              onChange={(e) => setFeedUrl(e.target.value)}\n              placeholder=\"https://www.airbnb.com/calendar/ical/12345.ics\"\n            />\n            <p className=\"mt-1 text-xs text-[var(--text-muted)]\">\n              Wherever the space is listed, look for export or share calendar.\n              The link ends in .ics. On Airbnb it is under Availability, then\n              Connect calendars.\n            </p>\n          </div>\n        </div>\n\n        <DialogFooter>\n          <Button variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() =>\n              onSubscribe({\n                feedUrl: feedUrl.trim(),\n                name,\n                propertyId,\n              })\n            }\n            loading={busy}\n            disabled={!canSubmit}\n          >\n            {busy ? 'Reading the calendar…' : 'Connect and import'}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/calendar-sync/_components/channel-feeds-section.js

@@ -0,0 +1,99 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Plus, RefreshCw, Trash2 } from "lucide-react";
+import { BrandMark } from "@withpotter/ui-kit/brand-mark";
+import { Button } from "@withpotter/ui-kit/button";
+function ChannelFeedsSection({
+  feeds,
+  propertyNameById,
+  syncingId,
+  deletingId,
+  onAdd,
+  onSync,
+  onDelete,
+  formatDateTime
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Channel calendars" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-[var(--text-secondary)]", children: "Bookings made anywhere else your space is listed hold your dates here too." })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: onAdd,
+          className: "shrink-0",
+          icon: /* @__PURE__ */ jsx(Plus, {}),
+          children: "Add channel"
+        }
+      )
+    ] }),
+    feeds.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-[var(--border-default)] px-4 py-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "No channel calendars yet. A space listed somewhere else can be booked there without this." }) }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: feeds.map((feed) => {
+      const property = feed.teamMemberId ? propertyNameById[feed.teamMemberId] : null;
+      const syncing = syncingId === feed.id;
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "surface flex items-center justify-between gap-3 px-4 py-3",
+          children: [
+            /* @__PURE__ */ jsx(BrandMark, { name: feed.name, size: 18, className: "shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: [
+                feed.name,
+                property && /* @__PURE__ */ jsxs("span", { className: "font-normal text-[var(--text-secondary)]", children: [
+                  " ",
+                  "on ",
+                  property
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-[var(--text-secondary)]", children: feed.status === "error" ? /* @__PURE__ */ jsx("span", { className: "text-[var(--error)]", children: feed.lastErrorMessage || "Could not read this calendar" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                feed.syncedEventsCount,
+                " block",
+                feed.syncedEventsCount === 1 ? "" : "s",
+                " held",
+                feed.lastSyncAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  " \xB7 checked ",
+                  formatDateTime(feed.lastSyncAt)
+                ] })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => onSync(feed.id),
+                  loading: syncing,
+                  title: "Check this calendar now",
+                  "aria-label": "Check this calendar now",
+                  children: /* @__PURE__ */ jsx(RefreshCw, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => onDelete(feed.id),
+                  loading: deletingId === feed.id,
+                  title: "Remove this calendar",
+                  "aria-label": "Remove this calendar",
+                  className: "hover:bg-[var(--error-bg)] hover:text-[var(--error)]",
+                  children: /* @__PURE__ */ jsx(Trash2, {})
+                }
+              )
+            ] })
+          ]
+        },
+        feed.id
+      );
+    }) })
+  ] });
+}
+export {
+  ChannelFeedsSection
+};
+//# sourceMappingURL=channel-feeds-section.js.map

package/dist/dashboard/(bookings)/calendar-sync/_components/channel-feeds-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/calendar-sync/_components/channel-feeds-section.tsx"],"sourcesContent":["'use client';\n\nimport { Plus, RefreshCw, Trash2 } from 'lucide-react';\nimport type { CalendarConnectionItem } from '@withpotter/lib/api';\nimport { BrandMark } from '@withpotter/ui-kit/brand-mark';\nimport { Button } from '@withpotter/ui-kit/button';\n\ninterface ChannelFeedsSectionProps {\n  feeds: CalendarConnectionItem[];\n  propertyNameById: Record<string, string>;\n  syncingId: string | null;\n  deletingId: string | null;\n  onAdd: () => void;\n  onSync: (id: string) => void;\n  onDelete: (id: string) => void;\n  formatDateTime: (iso: string) => string;\n}\n\n/**\n * The calendars that belong to somebody else.\n *\n * Kept apart from the Google connection above it because the two run in\n * opposite directions, and a page that lists them together cannot say which is\n * which. Google is an export: Box's bookings appear in a calendar the\n * merchant reads. A channel feed is an import: the channel's bookings take\n * availability away here. Presenting both as \"connected calendars\" is how an\n * operator ends up believing they are protected from double-booking when\n * nothing is actually reading anyone else's calendar.\n */\nexport function ChannelFeedsSection({\n  feeds,\n  propertyNameById,\n  syncingId,\n  deletingId,\n  onAdd,\n  onSync,\n  onDelete,\n  formatDateTime,\n}: ChannelFeedsSectionProps) {\n  return (\n    <section className=\"space-y-3\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h2 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n            Channel calendars\n          </h2>\n          <p className=\"mt-0.5 text-sm text-[var(--text-secondary)]\">\n            Bookings made anywhere else your space is listed hold your dates\n            here too.\n          </p>\n        </div>\n        <Button\n          variant=\"secondary\"\n          onClick={onAdd}\n          className=\"shrink-0\"\n          icon={<Plus />}\n        >\n          Add channel\n        </Button>\n      </div>\n\n      {feeds.length === 0 ? (\n        <div className=\"rounded-md border border-dashed border-[var(--border-default)] px-4 py-6 text-center\">\n          <p className=\"text-sm text-[var(--text-secondary)]\">\n            No channel calendars yet. A space listed somewhere else can be\n            booked there without this.\n          </p>\n        </div>\n      ) : (\n        <ul className=\"space-y-2\">\n          {feeds.map((feed) => {\n            const property = feed.teamMemberId\n              ? propertyNameById[feed.teamMemberId]\n              : null;\n            const syncing = syncingId === feed.id;\n            return (\n              <li\n                key={feed.id}\n                // `surface`, not a hand-rolled border and fill. globals.css\n                // calls a bare border+bg div \"always the flat-card bug\", and\n                // that is what these rows were: flat, while the Google card\n                // beside them lifted off the page. One recipe, one look.\n                className=\"surface flex items-center justify-between gap-3 px-4 py-3\"\n              >\n                {/* The channel's own mark, so a row is identifiable before it\n                    is read. `feed.name` is the channel the merchant picked. */}\n                <BrandMark name={feed.name} size={18} className=\"shrink-0\" />\n\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">\n                    {feed.name}\n                    {property && (\n                      <span className=\"font-normal text-[var(--text-secondary)]\">\n                        {' '}\n                        on {property}\n                      </span>\n                    )}\n                  </p>\n                  <p className=\"mt-0.5 text-xs text-[var(--text-secondary)]\">\n                    {feed.status === 'error' ? (\n                      <span className=\"text-[var(--error)]\">\n                        {feed.lastErrorMessage ||\n                          'Could not read this calendar'}\n                      </span>\n                    ) : (\n                      <>\n                        {feed.syncedEventsCount} block\n                        {feed.syncedEventsCount === 1 ? '' : 's'} held\n                        {feed.lastSyncAt && (\n                          <> · checked {formatDateTime(feed.lastSyncAt)}</>\n                        )}\n                      </>\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"flex shrink-0 items-center gap-1\">\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => onSync(feed.id)}\n                    loading={syncing}\n                    title=\"Check this calendar now\"\n                    aria-label=\"Check this calendar now\"\n                  >\n                    <RefreshCw />\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    onClick={() => onDelete(feed.id)}\n                    loading={deletingId === feed.id}\n                    title=\"Remove this calendar\"\n                    aria-label=\"Remove this calendar\"\n                    className=\"hover:bg-[var(--error-bg)] hover:text-[var(--error)]\"\n                  >\n                    <Trash2 />\n                  </Button>\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </section>\n  );\n}\n"],"mappings":";AA0CQ,SAmEkB,UAlEhB,KADF;AAxCR,SAAS,MAAM,WAAW,cAAc;AAExC,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAwBhB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,qBAAC,aAAQ,WAAU,aACjB;AAAA,yBAAC,SAAI,WAAU,qCACb;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,oDAAmD,+BAEjE;AAAA,QACA,oBAAC,OAAE,WAAU,+CAA8C,wFAG3D;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAU;AAAA,UACV,MAAM,oBAAC,QAAK;AAAA,UACb;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IAEC,MAAM,WAAW,IAChB,oBAAC,SAAI,WAAU,wFACb,8BAAC,OAAE,WAAU,wCAAuC,uGAGpD,GACF,IAEA,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,SAAS;AACnB,YAAM,WAAW,KAAK,eAClB,iBAAiB,KAAK,YAAY,IAClC;AACJ,YAAM,UAAU,cAAc,KAAK;AACnC,aACE;AAAA,QAAC;AAAA;AAAA,UAMC,WAAU;AAAA,UAIV;AAAA,gCAAC,aAAU,MAAM,KAAK,MAAM,MAAM,IAAI,WAAU,YAAW;AAAA,YAE3D,qBAAC,SAAI,WAAU,kBACb;AAAA,mCAAC,OAAE,WAAU,2DACV;AAAA,qBAAK;AAAA,gBACL,YACC,qBAAC,UAAK,WAAU,4CACb;AAAA;AAAA,kBAAI;AAAA,kBACD;AAAA,mBACN;AAAA,iBAEJ;AAAA,cACA,oBAAC,OAAE,WAAU,+CACV,eAAK,WAAW,UACf,oBAAC,UAAK,WAAU,uBACb,eAAK,oBACJ,gCACJ,IAEA,iCACG;AAAA,qBAAK;AAAA,gBAAkB;AAAA,gBACvB,KAAK,sBAAsB,IAAI,KAAK;AAAA,gBAAI;AAAA,gBACxC,KAAK,cACJ,iCAAE;AAAA;AAAA,kBAAY,eAAe,KAAK,UAAU;AAAA,mBAAE;AAAA,iBAElD,GAEJ;AAAA,eACF;AAAA,YAEA,qBAAC,SAAI,WAAU,oCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS,MAAM,OAAO,KAAK,EAAE;AAAA,kBAC7B,SAAS;AAAA,kBACT,OAAM;AAAA,kBACN,cAAW;AAAA,kBAEX,8BAAC,aAAU;AAAA;AAAA,cACb;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,kBAC/B,SAAS,eAAe,KAAK;AAAA,kBAC7B,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,WAAU;AAAA,kBAEV,8BAAC,UAAO;AAAA;AAAA,cACV;AAAA,eACF;AAAA;AAAA;AAAA,QA7DK,KAAK;AAAA,MA8DZ;AAAA,IAEJ,CAAC,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/calendar-sync/demo-data.js

@@ -0,0 +1,64 @@
+const day = (offsetDays, time = "09:00") => {
+  const base = /* @__PURE__ */ new Date(`2026-08-11T${time}:00.000Z`);
+  base.setDate(base.getDate() + offsetDays);
+  return base.toISOString();
+};
+function mk(c) {
+  return {
+    tenantId: "demo",
+    provider: "ical",
+    externalCalendarId: null,
+    status: "connected",
+    lastErrorMessage: null,
+    lastSyncAt: day(0, "07:30"),
+    syncedEventsCount: 0,
+    teamMemberId: null,
+    blockExternalEvents: true,
+    showExternalEvents: true,
+    eventColor: null,
+    syncDirection: "one_way_import",
+    createdAt: day(-30),
+    updatedAt: day(0, "07:30"),
+    ...c
+  };
+}
+const DEMO_CALENDAR_CONNECTIONS = [
+  mk({
+    id: "demo-cal1",
+    name: "Airbnb \xB7 Lekki Two-Bed",
+    provider: "ical",
+    syncedEventsCount: 18,
+    lastSyncAt: day(0, "07:30")
+  }),
+  mk({
+    id: "demo-cal2",
+    name: "Booking.com \xB7 Lekki Two-Bed",
+    provider: "ical",
+    status: "error",
+    // The row that earns the screen. A feed that stopped importing is a
+    // double-booking waiting to happen, and nothing else on the page says so.
+    lastErrorMessage: "The calendar URL returned 404. It may have been reset.",
+    syncedEventsCount: 11,
+    lastSyncAt: day(-3, "07:30")
+  }),
+  mk({
+    id: "demo-cal3",
+    name: "Google Calendar \xB7 Front desk",
+    provider: "google",
+    externalCalendarId: "frontdesk@thelekkiplace.com",
+    status: "connected",
+    syncDirection: "one_way_export",
+    blockExternalEvents: false,
+    syncedEventsCount: 42,
+    lastSyncAt: day(0, "08:05")
+  })
+];
+const DEMO_FEED_PROPERTIES = [
+  { id: "demo-prop1", title: "Lekki Two-Bed Apartment" },
+  { id: "demo-prop2", title: "Ikoyi Studio" }
+];
+export {
+  DEMO_CALENDAR_CONNECTIONS,
+  DEMO_FEED_PROPERTIES
+};
+//# sourceMappingURL=demo-data.js.map

package/dist/dashboard/(bookings)/calendar-sync/demo-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/%28bookings%29/calendar-sync/demo-data.ts"],"sourcesContent":["import type { CalendarConnectionItem } from '@withpotter/lib/api/types';\n\n/**\n * Seed calendar connections for `?demo=1`.\n *\n * The page splits its list in two by provider — Google and friends are an\n * EXPORT of our bookings, an `ical` feed is an IMPORT of somebody else's — so\n * the seed has to carry both or half the screen stays empty and the distinction\n * the page is built to make is invisible.\n */\n\nconst day = (offsetDays: number, time = '09:00'): string => {\n  // Fixed anchor rather than Date.now(), so \"last synced\" does not drift while\n  // you look at it and two screenshots of the demo agree.\n  const base = new Date(`2026-08-11T${time}:00.000Z`);\n  base.setDate(base.getDate() + offsetDays);\n  return base.toISOString();\n};\n\nfunction mk(\n  c: Partial<CalendarConnectionItem> & { id: string; name: string },\n): CalendarConnectionItem {\n  return {\n    tenantId: 'demo',\n    provider: 'ical',\n    externalCalendarId: null,\n    status: 'connected',\n    lastErrorMessage: null,\n    lastSyncAt: day(0, '07:30'),\n    syncedEventsCount: 0,\n    teamMemberId: null,\n    blockExternalEvents: true,\n    showExternalEvents: true,\n    eventColor: null,\n    syncDirection: 'one_way_import',\n    createdAt: day(-30),\n    updatedAt: day(0, '07:30'),\n    ...c,\n  } as CalendarConnectionItem;\n}\n\n/**\n * Three states, on purpose: a feed working, a feed erroring, and the outbound\n * calendar. A list where everything says \"connected\" never shows what the page\n * does on the morning a channel changes its URL, which is the only morning\n * anybody opens it.\n */\nexport const DEMO_CALENDAR_CONNECTIONS: CalendarConnectionItem[] = [\n  mk({\n    id: 'demo-cal1',\n    name: 'Airbnb · Lekki Two-Bed',\n    provider: 'ical',\n    syncedEventsCount: 18,\n    lastSyncAt: day(0, '07:30'),\n  }),\n  mk({\n    id: 'demo-cal2',\n    name: 'Booking.com · Lekki Two-Bed',\n    provider: 'ical',\n    status: 'error',\n    // The row that earns the screen. A feed that stopped importing is a\n    // double-booking waiting to happen, and nothing else on the page says so.\n    lastErrorMessage: 'The calendar URL returned 404. It may have been reset.',\n    syncedEventsCount: 11,\n    lastSyncAt: day(-3, '07:30'),\n  }),\n  mk({\n    id: 'demo-cal3',\n    name: 'Google Calendar · Front desk',\n    provider: 'google',\n    externalCalendarId: 'frontdesk@thelekkiplace.com',\n    status: 'connected',\n    syncDirection: 'one_way_export',\n    blockExternalEvents: false,\n    syncedEventsCount: 42,\n    lastSyncAt: day(0, '08:05'),\n  }),\n];\n\n/** The rentable listings a channel feed can be attached to. */\nexport const DEMO_FEED_PROPERTIES = [\n  { id: 'demo-prop1', title: 'Lekki Two-Bed Apartment' },\n  { id: 'demo-prop2', title: 'Ikoyi Studio' },\n];\n"],"mappings":"AAWA,MAAM,MAAM,CAAC,YAAoB,OAAO,YAAoB;AAG1D,QAAM,OAAO,oBAAI,KAAK,cAAc,IAAI,UAAU;AAClD,OAAK,QAAQ,KAAK,QAAQ,IAAI,UAAU;AACxC,SAAO,KAAK,YAAY;AAC1B;AAEA,SAAS,GACP,GACwB;AACxB,SAAO;AAAA,IACL,UAAU;AAAA,IACV,UAAU;AAAA,IACV,oBAAoB;AAAA,IACpB,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,YAAY,IAAI,GAAG,OAAO;AAAA,IAC1B,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,WAAW,IAAI,GAAG;AAAA,IAClB,WAAW,IAAI,GAAG,OAAO;AAAA,IACzB,GAAG;AAAA,EACL;AACF;AAQO,MAAM,4BAAsD;AAAA,EACjE,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,mBAAmB;AAAA,IACnB,YAAY,IAAI,GAAG,OAAO;AAAA,EAC5B,CAAC;AAAA,EACD,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA;AAAA;AAAA,IAGR,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,YAAY,IAAI,IAAI,OAAO;AAAA,EAC7B,CAAC;AAAA,EACD,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,oBAAoB;AAAA,IACpB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,YAAY,IAAI,GAAG,OAAO;AAAA,EAC5B,CAAC;AACH;AAGO,MAAM,uBAAuB;AAAA,EAClC,EAAE,IAAI,cAAc,OAAO,0BAA0B;AAAA,EACrD,EAAE,IAAI,cAAc,OAAO,eAAe;AAC5C;","names":[]}

package/dist/dashboard/(bookings)/calendar-sync/page.js

@@ -0,0 +1,15 @@
+"use client";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+function CalendarSyncRedirect() {
+  const router = useRouter();
+  useEffect(() => {
+    const query = window.location.search;
+    router.replace(`/dashboard/settings/calendar-sync${query}`);
+  }, [router]);
+  return null;
+}
+export {
+  CalendarSyncRedirect as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/calendar-sync/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/%28bookings%29/calendar-sync/page.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useRouter } from 'next/navigation';\n\n/**\n * Calendar connections are a setting, for every archetype.\n *\n * This screen used to be three things at once: a tab on appointments, a row\n * called Calendar Sync on events, and a row called Availability on rentals —\n * one page under three names in three places, which is the drift the Resources\n * page was fixed for a month ago and this had quietly kept.\n *\n * It lives at Settings → Operations → Calendar sync now. The route stays so\n * that every existing link, bookmark and OAuth callback still lands.\n */\nexport default function CalendarSyncRedirect() {\n  const router = useRouter();\n\n  useEffect(() => {\n    // The Google callback comes back here with ?connected=true or ?error=…,\n    // and the settings page reads exactly those params, so the query survives.\n    const query = window.location.search;\n    router.replace(`/dashboard/settings/calendar-sync${query}`);\n  }, [router]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAaX,SAAR,uBAAwC;AAC7C,QAAM,SAAS,UAAU;AAEzB,YAAU,MAAM;AAGd,UAAM,QAAQ,OAAO,SAAS;AAC9B,WAAO,QAAQ,oCAAoC,KAAK,EAAE;AAAA,EAC5D,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;","names":[]}