@asksable/site-connector 0.1.5 → 0.2.0

package/dist/booking-widget.d.ts

@@ -1,9 +1,83 @@
 import { type ReactNode } from 'react';
+/**
+ * Pre-existing context required by reschedule mode. The host (or the
+ * customer arriving via magic link) is moving an existing booking, so
+ * the widget needs to know what booking is being moved and any data
+ * that should pre-fill or lock down the form.
+ */
+export type BookingRescheduleContext = {
+    appointmentId: string;
+    /** Original startTime (ms epoch) of the booking being moved. Shown
+     *  as crossed-out in the sidebar so the user knows what they're
+     *  giving up. */
+    formerStartTime: number;
+    formerEndTime: number;
+    /** Locked service for the reschedule — cannot be changed without
+     *  cancelling and re-booking. */
+    serviceId: string;
+    /** Optional staff lock. When set, the staff picker is pre-filled
+     *  to this member; when omitted the widget falls back to "any
+     *  available". */
+    staffMemberId?: string;
+    /** Pre-fill values for the contact form, sourced from the original
+     *  appointment's customer record. */
+    customerName?: string;
+    customerEmail?: string;
+    customerPhone?: string;
+    /** Display label for the sidebar's "Reschedule by" line, sourced
+     *  from the original appointment record (host display name). */
+    rescheduledByName?: string;
+};
 type BookingWidgetProps = {
     title?: string;
     description?: string;
     mobileHeader?: ReactNode;
+    /**
+     * Widget mode. 'create' (default) is the original behavior. In
+     * 'reschedule' mode the widget pre-fills service/staff/customer
+     * from `rescheduleContext`, swaps the CTA copy, and routes the
+     * submit through `onRescheduleSubmit` instead of the public-create
+     * mutation. Adding this as an opt-in prop keeps the npm package
+     * fully backward compatible — every existing consumer that omits
+     * `mode` continues to behave exactly as before.
+     */
+    mode?: 'create' | 'reschedule';
+    rescheduleContext?: BookingRescheduleContext;
+    /**
+     * Submit handler for reschedule mode. Receives the new slot the
+     * user picked. The host pages this through `api.appointments
+     * .rescheduleAppointment` (admin path) or a magic-link-protected
+     * public mutation (customer path). Required when `mode` is
+     * 'reschedule'.
+     */
+    onRescheduleSubmit?: (args: {
+        newStartTime: number;
+        newEndTime: number;
+    }) => Promise<void>;
+    /**
+     * Destination for the success-state CTA after a new booking is submitted.
+     * Defaults to the host site's home page so embedded sites don't trap the
+     * customer back on `/booking` after the thank-you state.
+     */
+    successRedirectHref?: string;
+    /**
+     * Dev-only: forces the widget into a terminal state without
+     * calling any backend mutation. Used by the dev preview page to
+     * iterate on success/cancel visuals without spinning through the
+     * form each time. Strip from prod surfaces — these never call any
+     * backend.
+     *
+     * - `'success'`: renders the "You're All Set!" view (or the
+     *   reschedule variant when `mode === 'reschedule'`).
+     * - `'cancelled'`: renders the "Booking cancelled" view (preview
+     *   only — the customer-side cancel mutation isn't built yet).
+     *
+     * The legacy `__devForceSuccess` boolean is still accepted for
+     * back-compat with surfaces that use the old prop.
+     */
+    __devForceState?: 'success' | 'cancelled' | 'payment-full' | 'payment-deposit';
+    __devForceSuccess?: boolean;
 };
-export declare function BookingWidgetPanel({ title, description, mobileHeader, }: BookingWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function BookingWidgetPanel({ title, description, mobileHeader, mode, rescheduleContext, onRescheduleSubmit, successRedirectHref, __devForceState, __devForceSuccess, }: BookingWidgetProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=booking-widget.d.ts.map

package/dist/booking-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-widget.d.ts","sourceRoot":"","sources":["../src/booking-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOnG,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAID,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,YAAY,GACb,EAAE,kBAAkB,2CAu+BpB"}
+{"version":3,"file":"booking-widget.d.ts","sourceRoot":"","sources":["../src/booking-widget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqH,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AA+CzJ;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,MAAM,CAAA;IACrB;;qBAEiB;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB;qCACiC;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB;;sBAEkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;yCACqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;oEACgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IAC9B,iBAAiB,CAAC,EAAE,wBAAwB,CAAA;IAC5C;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE;QAC1B,YAAY,EAAE,MAAM,CAAA;QACpB,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAID,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,WAAW,EACX,YAAY,EACZ,IAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,mBAAyB,EACzB,eAAe,EACf,iBAAiB,GAClB,EAAE,kBAAkB,2CA+jEpB"}