@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/security-deposit-card.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ShieldCheck } from "lucide-react";
+import { Button } from "@withpotter/ui-kit/button";
+import { EmptyNote } from "@withpotter/ui-kit";
+const COPY = {
+  due: {
+    label: "Due",
+    note: "Charged with the booking. It becomes held once the money lands."
+  },
+  held: {
+    label: "Held",
+    note: "The guest's money, held by you until checkout."
+  },
+  released: {
+    label: "Released",
+    note: "Returned to the guest."
+  },
+  forfeited: {
+    label: "Kept",
+    note: "Kept against damage."
+  }
+};
+const TONE = {
+  due: "bg-[var(--warning-bg)] text-[var(--warning)]",
+  held: "bg-[var(--accent-secondary)] text-[var(--text-primary)]",
+  released: "bg-[var(--success-bg)] text-[var(--success)]",
+  forfeited: "bg-[var(--error-bg)] text-[var(--error)]"
+};
+function SecurityDepositCard({
+  amount,
+  status,
+  formatCurrency,
+  onSettle
+}) {
+  const copy = COPY[status];
+  const settled = status === "released" || status === "forfeited";
+  return /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(ShieldCheck, { className: "text-[var(--text-tertiary)]" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-secondary)]", children: "Security deposit" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-lg font-semibold text-[var(--text-primary)]", children: formatCurrency(amount) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--text-tertiary)]", children: copy.note })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `shrink-0 rounded-full px-2 py-0.5 text-xs font-medium ${TONE[status]}`,
+          children: copy.label
+        }
+      )
+    ] }),
+    status === "held" && onSettle && /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-3 w-full", onClick: onSettle, children: "Settle deposit" }),
+    settled && /* @__PURE__ */ jsx(EmptyNote, { className: "mt-3", children: "Nothing further to do." })
+  ] });
+}
+export {
+  SecurityDepositCard
+};
+//# sourceMappingURL=security-deposit-card.js.map

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/security-deposit-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/%5BbookingId%5D/_components/security-deposit-card.tsx"],"sourcesContent":["'use client';\n\nimport { ShieldCheck } from 'lucide-react';\nimport type { DepositStatus } from '@withpotter/lib/api/types';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { EmptyNote } from '@withpotter/ui-kit';\n\ninterface SecurityDepositCardProps {\n  amount: number;\n  status: DepositStatus;\n  formatCurrency: (n: number) => string;\n  /** Opens the settle dialog. Absent while the deposit is still uncollected,\n   *  since there is nothing yet to give back. */\n  onSettle?: () => void;\n}\n\nconst COPY: Record<DepositStatus, { label: string; note: string }> = {\n  due: {\n    label: 'Due',\n    note: 'Charged with the booking. It becomes held once the money lands.',\n  },\n  held: {\n    label: 'Held',\n    note: \"The guest's money, held by you until checkout.\",\n  },\n  released: {\n    label: 'Released',\n    note: 'Returned to the guest.',\n  },\n  forfeited: {\n    label: 'Kept',\n    note: 'Kept against damage.',\n  },\n};\n\nconst TONE: Record<DepositStatus, string> = {\n  due: 'bg-[var(--warning-bg)] text-[var(--warning)]',\n  held: 'bg-[var(--accent-secondary)] text-[var(--text-primary)]',\n  released: 'bg-[var(--success-bg)] text-[var(--success)]',\n  forfeited: 'bg-[var(--error-bg)] text-[var(--error)]',\n};\n\n/**\n * The refundable deposit, kept visibly apart from what the booking earned.\n *\n * Rolled in with the total it would read as takings, and the one question that\n * matters at checkout — how much of this is still the guest's — would have no\n * answer on the screen. Applies to anything let out: a short-let, a vacation\n * rental, a hall.\n */\nexport function SecurityDepositCard({\n  amount,\n  status,\n  formatCurrency,\n  onSettle,\n}: SecurityDepositCardProps) {\n  const copy = COPY[status];\n  const settled = status === 'released' || status === 'forfeited';\n\n  return (\n    <div className=\"p-4\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <ShieldCheck className=\"text-[var(--text-tertiary)]\" />\n            <span className=\"text-sm text-[var(--text-secondary)]\">\n              Security deposit\n            </span>\n          </div>\n          <p className=\"mt-2 text-lg font-semibold text-[var(--text-primary)]\">\n            {formatCurrency(amount)}\n          </p>\n          <p className=\"mt-1 text-xs text-[var(--text-tertiary)]\">\n            {copy.note}\n          </p>\n        </div>\n        <span\n          className={`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium ${TONE[status]}`}\n        >\n          {copy.label}\n        </span>\n      </div>\n\n      {status === 'held' && onSettle && (\n        <Button variant=\"secondary\" className=\"mt-3 w-full\" onClick={onSettle}>\n          Settle deposit\n        </Button>\n      )}\n\n      {settled && (\n        <EmptyNote className=\"mt-3\">Nothing further to do.</EmptyNote>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+DU,SACE,KADF;AA7DV,SAAS,mBAAmB;AAE5B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAW1B,MAAM,OAA+D;AAAA,EACnE,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF;AAEA,MAAM,OAAsC;AAAA,EAC1C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AACb;AAUO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,OAAO,KAAK,MAAM;AACxB,QAAM,UAAU,WAAW,cAAc,WAAW;AAEpD,SACE,qBAAC,SAAI,WAAU,OACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,eAAY,WAAU,+BAA8B;AAAA,UACrD,oBAAC,UAAK,WAAU,wCAAuC,8BAEvD;AAAA,WACF;AAAA,QACA,oBAAC,OAAE,WAAU,yDACV,yBAAe,MAAM,GACxB;AAAA,QACA,oBAAC,OAAE,WAAU,4CACV,eAAK,MACR;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,yDAAyD,KAAK,MAAM,CAAC;AAAA,UAE/E,eAAK;AAAA;AAAA,MACR;AAAA,OACF;AAAA,IAEC,WAAW,UAAU,YACpB,oBAAC,UAAO,SAAQ,aAAY,WAAU,eAAc,SAAS,UAAU,4BAEvE;AAAA,IAGD,WACC,oBAAC,aAAU,WAAU,QAAO,oCAAsB;AAAA,KAEtD;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/settle-deposit-modal.js

@@ -0,0 +1,141 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { RefreshCw, ShieldCheck } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter
+} from "@withpotter/ui-kit/dialog";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, ErrorBanner } from "@withpotter/ui-kit";
+function SettleDepositModal({
+  bookingNumber,
+  deposit,
+  formatCurrency,
+  settling,
+  error,
+  onSettle,
+  onClose
+}) {
+  const [action, setAction] = useState("release");
+  const [amount, setAmount] = useState(String(deposit));
+  const [reason, setReason] = useState("");
+  const numericAmount = Number(amount);
+  const releasing = action === "release";
+  const kept = releasing ? Math.max(0, deposit - numericAmount) : deposit;
+  const canSubmit = !settling && (releasing ? numericAmount > 0 && numericAmount <= deposit : reason.trim().length > 0);
+  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__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(ShieldCheck, { className: "size-5 text-[var(--text-tertiary)]" }),
+            "Settle deposit"
+          ] }),
+          /* @__PURE__ */ jsxs(DialogDescription, { children: [
+            formatCurrency(deposit),
+            " held on #",
+            bookingNumber,
+            "."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          error && /* @__PURE__ */ jsx(ErrorBanner, { children: error }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: [
+            ["release", "Give it back"],
+            ["forfeit", "Keep it"]
+          ].map(([value, label]) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setAction(value);
+                if (value === "release") setAmount(String(deposit));
+              },
+              className: `rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${action === value ? "border-brand-500/40 bg-[var(--accent-secondary)] text-[var(--text-primary)]" : "border-[var(--border-default)] bg-[var(--bg-base)] text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]"}`,
+              children: label
+            },
+            value
+          )) }),
+          releasing && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-[var(--text-tertiary)]", children: "Amount to return" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                inputMode: "decimal",
+                min: 0,
+                max: deposit,
+                value: amount,
+                onChange: (e) => setAmount(e.target.value)
+              }
+            ),
+            numericAmount > deposit && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-[var(--error)]", children: [
+              "Can\u2019t exceed the ",
+              formatCurrency(deposit),
+              " collected."
+            ] }),
+            kept > 0 && numericAmount <= deposit && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-[var(--text-tertiary)]", children: [
+              "You keep ",
+              formatCurrency(kept),
+              "."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-[var(--text-tertiary)]", children: releasing && kept === 0 ? "Note (optional)" : "Reason" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: reason,
+                onChange: (e) => setReason(e.target.value),
+                placeholder: "e.g. replaced the broken kettle"
+              }
+            ),
+            !releasing && reason.trim().length === 0 && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--text-tertiary)]", children: "Keeping a deposit needs a reason on the record." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "px-4 py-2 text-sm font-medium text-[var(--text-secondary)] hover:text-[var(--text-primary)]",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              className: "text-[var(--bg-base)] hover:opacity-90",
+              onClick: () => onSettle({
+                action,
+                amount: releasing ? numericAmount : void 0,
+                reason: reason.trim() || void 0
+              }),
+              disabled: !canSubmit,
+              children: settling ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(RefreshCw, { className: "size-4 animate-spin" }),
+                "Settling..."
+              ] }) : releasing ? "Return deposit" : "Keep deposit"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  SettleDepositModal
+};
+//# sourceMappingURL=settle-deposit-modal.js.map

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/settle-deposit-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/%5BbookingId%5D/_components/settle-deposit-modal.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { RefreshCw, ShieldCheck } from 'lucide-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 { Input, ErrorBanner } from '@withpotter/ui-kit';\n\ninterface SettleDepositModalProps {\n  bookingNumber: string;\n  /** The deposit that was collected. The most anyone can give back or keep. */\n  deposit: number;\n  formatCurrency: (n: number) => string;\n  settling: boolean;\n  error?: string | null;\n  onSettle: (data: {\n    action: 'release' | 'forfeit';\n    amount?: number;\n    reason?: string;\n  }) => void;\n  onClose: () => void;\n}\n\n/**\n * Checkout, as one decision rather than two.\n *\n * Giving the whole deposit back and keeping all of it are the ends of the same\n * dial, and the useful case sits between them: the guest broke one thing, so\n * some is kept and the rest goes home. Releasing part of the deposit does both\n * in one action, which is how an owner actually thinks about it.\n */\nexport function SettleDepositModal({\n  bookingNumber,\n  deposit,\n  formatCurrency,\n  settling,\n  error,\n  onSettle,\n  onClose,\n}: SettleDepositModalProps) {\n  const [action, setAction] = useState<'release' | 'forfeit'>('release');\n  const [amount, setAmount] = useState(String(deposit));\n  const [reason, setReason] = useState('');\n\n  const numericAmount = Number(amount);\n  const releasing = action === 'release';\n  const kept = releasing ? Math.max(0, deposit - numericAmount) : deposit;\n\n  const canSubmit =\n    !settling &&\n    (releasing\n      ? numericAmount > 0 && numericAmount <= deposit\n      : reason.trim().length > 0);\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 className=\"flex items-center gap-2\">\n            <ShieldCheck className=\"size-5 text-[var(--text-tertiary)]\" />\n            Settle deposit\n          </DialogTitle>\n          <DialogDescription>\n            {formatCurrency(deposit)} held on #{bookingNumber}.\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-4\">\n          {error && <ErrorBanner>{error}</ErrorBanner>}\n\n          <div className=\"grid grid-cols-2 gap-2\">\n            {(\n              [\n                ['release', 'Give it back'],\n                ['forfeit', 'Keep it'],\n              ] as const\n            ).map(([value, label]) => (\n              <button\n                key={value}\n                type=\"button\"\n                onClick={() => {\n                  setAction(value);\n                  if (value === 'release') setAmount(String(deposit));\n                }}\n                className={`rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${\n                  action === value\n                    ? 'border-brand-500/40 bg-[var(--accent-secondary)] text-[var(--text-primary)]'\n                    : 'border-[var(--border-default)] bg-[var(--bg-base)] text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)]'\n                }`}\n              >\n                {label}\n              </button>\n            ))}\n          </div>\n\n          {releasing && (\n            <div>\n              <label className=\"mb-1 block text-xs font-medium text-[var(--text-tertiary)]\">\n                Amount to return\n              </label>\n              <Input\n                type=\"number\"\n                inputMode=\"decimal\"\n                min={0}\n                max={deposit}\n                value={amount}\n                onChange={(e) => setAmount(e.target.value)}\n              />\n              {numericAmount > deposit && (\n                <p className=\"mt-1 text-xs text-[var(--error)]\">\n                  Can’t exceed the {formatCurrency(deposit)} collected.\n                </p>\n              )}\n              {kept > 0 && numericAmount <= deposit && (\n                <p className=\"mt-1 text-xs text-[var(--text-tertiary)]\">\n                  You keep {formatCurrency(kept)}.\n                </p>\n              )}\n            </div>\n          )}\n\n          <div>\n            <label className=\"mb-1 block text-xs font-medium text-[var(--text-tertiary)]\">\n              {releasing && kept === 0 ? 'Note (optional)' : 'Reason'}\n            </label>\n            <Input\n              value={reason}\n              onChange={(e) => setReason(e.target.value)}\n              placeholder=\"e.g. replaced the broken kettle\"\n            />\n            {!releasing && reason.trim().length === 0 && (\n              <p className=\"mt-1 text-xs text-[var(--text-tertiary)]\">\n                Keeping a deposit needs a reason on the record.\n              </p>\n            )}\n          </div>\n        </div>\n\n        <DialogFooter>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm font-medium text-[var(--text-secondary)] hover:text-[var(--text-primary)]\"\n          >\n            Cancel\n          </button>\n          <Button\n            variant=\"ghost\"\n            className=\"text-[var(--bg-base)] hover:opacity-90\"\n            onClick={() =>\n              onSettle({\n                action,\n                amount: releasing ? numericAmount : undefined,\n                reason: reason.trim() || undefined,\n              })\n            }\n            disabled={!canSubmit}\n          >\n            {settling ? (\n              <>\n                <RefreshCw className=\"size-4 animate-spin\" />\n                Settling...\n              </>\n            ) : releasing ? (\n              'Return deposit'\n            ) : (\n              'Keep deposit'\n            )}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/ticket-row-actions.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { buildCustomerTicketPath } from "@withpotter/lib/ticket-access";
+function TicketRowActions({
+  tenantSlug,
+  bookingId,
+  ticketId,
+  ticketCode,
+  className = ""
+}) {
+  if (!tenantSlug || !ticketId && !ticketCode) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--text-secondary)] ${className}`.trim(),
+      children: [
+        ticketCode && /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: buildCustomerTicketPath(tenantSlug, ticketCode),
+            target: "_blank",
+            rel: "noreferrer",
+            className: "font-medium transition-colors hover:text-[var(--text-primary)]",
+            children: "Open ticket"
+          }
+        ),
+        ticketId && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: bookingsApi.getSingleTicketPdfUrl(
+              tenantSlug,
+              bookingId,
+              ticketId
+            ),
+            target: "_blank",
+            rel: "noreferrer",
+            className: "font-medium transition-colors hover:text-[var(--text-primary)]",
+            children: "PDF"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  TicketRowActions
+};
+//# sourceMappingURL=ticket-row-actions.js.map

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/ticket-row-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/%5BbookingId%5D/_components/ticket-row-actions.tsx"],"sourcesContent":["import Link from 'next/link';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport { buildCustomerTicketPath } from '@withpotter/lib/ticket-access';\n\nexport function TicketRowActions({\n  tenantSlug,\n  bookingId,\n  ticketId,\n  ticketCode,\n  className = '',\n}: {\n  tenantSlug?: string;\n  bookingId: string;\n  ticketId?: string;\n  ticketCode?: string | null;\n  className?: string;\n}) {\n  if (!tenantSlug || (!ticketId && !ticketCode)) return null;\n\n  return (\n    <div\n      className={`flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--text-secondary)] ${className}`.trim()}\n    >\n      {ticketCode && (\n        <Link\n          href={buildCustomerTicketPath(tenantSlug, ticketCode)}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className=\"font-medium transition-colors hover:text-[var(--text-primary)]\"\n        >\n          Open ticket\n        </Link>\n      )}\n      {ticketId && (\n        <a\n          href={bookingsApi.getSingleTicketPdfUrl(\n            tenantSlug,\n            bookingId,\n            ticketId,\n          )}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className=\"font-medium transition-colors hover:text-[var(--text-primary)]\"\n        >\n          PDF\n        </a>\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAoBI,SAII,KAJJ;AApBJ,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AAEjC,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAMG;AACD,MAAI,CAAC,cAAe,CAAC,YAAY,CAAC,WAAa,QAAO;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oFAAoF,SAAS,GAAG,KAAK;AAAA,MAE/G;AAAA,sBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,wBAAwB,YAAY,UAAU;AAAA,YACpD,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QAED,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,YAAY;AAAA,cAChB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/waiting-queue-notice.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, AnimatePresence, useReducedMotion } from "motion/react";
+import { Users } from "lucide-react";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { waitlistApi } from "@withpotter/lib/api/waitlist";
+import { springs } from "@withpotter/lib/motion";
+function WaitingQueueNotice({
+  date,
+  resourceId
+}) {
+  const reduce = useReducedMotion();
+  const { data } = useApiQuery(
+    ["waitlist-queue", date, resourceId],
+    (slug) => waitlistApi.queue(slug, date, resourceId),
+    { enabled: Boolean(date) }
+  );
+  const queue = Array.isArray(data) ? data : data?.data ?? [];
+  const waiting = queue.filter((e) => e.status === "waiting");
+  const next = waiting[0];
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: waiting.length > 0 && /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: reduce ? false : { opacity: 0, y: -6 },
+      animate: { opacity: 1, y: 0 },
+      exit: reduce ? void 0 : { opacity: 0, y: -6 },
+      transition: springs.gentle,
+      className: "flex items-start gap-3 rounded-lg border border-[var(--info)]/20 bg-[var(--info-bg)] p-3",
+      children: [
+        /* @__PURE__ */ jsx(Users, { className: "mt-0.5 h-[15px] w-[15px] flex-shrink-0 text-[var(--info)]" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-sm leading-relaxed text-[var(--info)]", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium", children: waiting.length === 1 ? "1 person is waiting for this day" : `${waiting.length} people are waiting for this day` }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 opacity-90", children: next?.customerName || next?.customerEmail ? `${next.customerName || next.customerEmail} is next in line and will be offered this slot automatically, with two hours to respond.` : "The next person in line will be offered this slot automatically, with two hours to respond." })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  WaitingQueueNotice
+};
+//# sourceMappingURL=waiting-queue-notice.js.map

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components/waiting-queue-notice.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/%5BbookingId%5D/_components/waiting-queue-notice.tsx"],"sourcesContent":["'use client';\n\nimport { motion, AnimatePresence, useReducedMotion } from 'motion/react';\nimport { Users } from 'lucide-react';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport type { WaitlistItem } from '@withpotter/lib/api/types';\nimport { waitlistApi } from '@withpotter/lib/api/waitlist';\nimport { springs } from '@withpotter/lib/motion';\n\n/**\n * \"Cancelling this frees the slot for Chidi, who is next in line.\"\n *\n * potter-api already closes this loop on its own: `booking.cancelled` fires,\n * waitlist-cancellation.listener finds the next person waiting for that date\n * and resource, and offers them the slot with a two-hour window. All of that\n * was invisible. Staff pressed cancel and saw nothing, so the one mechanism\n * that turns a cancellation back into revenue may as well not have existed.\n *\n * Shown before the cancel is confirmed, because it changes how the decision\n * feels: giving a slot away is easier when you can see who catches it.\n */\nexport function WaitingQueueNotice({\n  date,\n  resourceId,\n}: {\n  /** yyyy-mm-dd of the booking being cancelled. */\n  date?: string;\n  resourceId?: string;\n}) {\n  const reduce = useReducedMotion();\n\n  const { data } = useApiQuery(\n    ['waitlist-queue', date, resourceId],\n    (slug) => waitlistApi.queue(slug, date!, resourceId),\n    { enabled: Boolean(date) },\n  );\n\n  // The controller returns either a bare array or a { data } envelope\n  // depending on the usecase; accept both rather than guess.\n  const queue: WaitlistItem[] = Array.isArray(data) ? data : (data?.data ?? []);\n  const waiting = queue.filter((e) => e.status === 'waiting');\n  const next = waiting[0];\n\n  return (\n    <AnimatePresence>\n      {waiting.length > 0 && (\n        <motion.div\n          initial={reduce ? false : { opacity: 0, y: -6 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={reduce ? undefined : { opacity: 0, y: -6 }}\n          transition={springs.gentle}\n          className=\"flex items-start gap-3 rounded-lg border border-[var(--info)]/20 bg-[var(--info-bg)] p-3\"\n        >\n          <Users className=\"mt-0.5 h-[15px] w-[15px] flex-shrink-0 text-[var(--info)]\" />\n          <div className=\"text-sm leading-relaxed text-[var(--info)]\">\n            <p className=\"font-medium\">\n              {waiting.length === 1\n                ? '1 person is waiting for this day'\n                : `${waiting.length} people are waiting for this day`}\n            </p>\n            <p className=\"mt-0.5 opacity-90\">\n              {next?.customerName || next?.customerEmail\n                ? `${next.customerName || next.customerEmail} is next in line and will be offered this slot automatically, with two hours to respond.`\n                : 'The next person in line will be offered this slot automatically, with two hours to respond.'}\n            </p>\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":";AAqDU,cACA,YADA;AAnDV,SAAS,QAAQ,iBAAiB,wBAAwB;AAC1D,SAAS,aAAa;AACtB,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAcjB,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,iBAAiB;AAEhC,QAAM,EAAE,KAAK,IAAI;AAAA,IACf,CAAC,kBAAkB,MAAM,UAAU;AAAA,IACnC,CAAC,SAAS,YAAY,MAAM,MAAM,MAAO,UAAU;AAAA,IACnD,EAAE,SAAS,QAAQ,IAAI,EAAE;AAAA,EAC3B;AAIA,QAAM,QAAwB,MAAM,QAAQ,IAAI,IAAI,OAAQ,MAAM,QAAQ,CAAC;AAC3E,QAAM,UAAU,MAAM,OAAO,CAAC,MAAM,EAAE,WAAW,SAAS;AAC1D,QAAM,OAAO,QAAQ,CAAC;AAEtB,SACE,oBAAC,mBACE,kBAAQ,SAAS,KAChB;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAS,SAAS,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC9C,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,MAAM,SAAS,SAAY,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC/C,YAAY,QAAQ;AAAA,MACpB,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAM,WAAU,6DAA4D;AAAA,QAC7E,qBAAC,SAAI,WAAU,8CACb;AAAA,8BAAC,OAAE,WAAU,eACV,kBAAQ,WAAW,IAChB,qCACA,GAAG,QAAQ,MAAM,oCACvB;AAAA,UACA,oBAAC,OAAE,WAAU,qBACV,gBAAM,gBAAgB,MAAM,gBACzB,GAAG,KAAK,gBAAgB,KAAK,aAAa,6FAC1C,+FACN;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GAEJ;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/[bookingId]/_components.js

@@ -0,0 +1 @@
+export * from './_components/index.js';

package/dist/dashboard/(bookings)/bookings/[bookingId]/_hooks/index.js

@@ -0,0 +1,19 @@
+import {
+  useBookingDetailData,
+  BOOKING_STATUS_CONFIG,
+  useBookingStatusConfig,
+  STATUS_TRANSITIONS,
+  formatFullDate,
+  formatTime,
+  formatDateTime
+} from "./use-booking-detail-data";
+export {
+  BOOKING_STATUS_CONFIG,
+  STATUS_TRANSITIONS,
+  formatDateTime,
+  formatFullDate,
+  formatTime,
+  useBookingDetailData,
+  useBookingStatusConfig
+};
+//# sourceMappingURL=index.js.map

package/dist/dashboard/(bookings)/bookings/[bookingId]/_hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/%5BbookingId%5D/_hooks/index.ts"],"sourcesContent":["export {\n  useBookingDetailData,\n  BOOKING_STATUS_CONFIG,\n  useBookingStatusConfig,\n  STATUS_TRANSITIONS,\n  formatFullDate,\n  formatTime,\n  formatDateTime,\n  type BookingStatus,\n} from './use-booking-detail-data';\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;","names":[]}