@foxscheduling/shared 0.1.0

package/dist/cjs/types/requestResponse.d.ts

@@ -0,0 +1,93 @@
+import { DurationUnit, Service } from "./db.service.js";
+import { Staff } from "./db.user.js";
+import { Directory } from "./db.directory.js";
+import { Notification } from "./db.notification.js";
+export type ResponseStatusMessages = "SUCCESS" | "ERROR";
+export interface RequestResponse<T> {
+    data: T;
+    statusMessage: ResponseStatusMessages;
+}
+export type AuthCodeResponseType = "WAIT" | "SENT";
+export interface AvailabilityDay {
+    label: string;
+    date: string;
+    available: boolean;
+}
+export interface ServiceLookupResponse {
+    service: Service;
+    availability: {
+        days: AvailabilityDay[];
+    };
+    tenant: {
+        name: string;
+        logoUrl: string;
+        timezone: string;
+        id: string;
+    };
+}
+export type DaySlotsResponse = {
+    tenantId: string;
+    serviceId: string;
+    date: string;
+    timezone: string;
+    timezones: string[];
+    schedule: {
+        isOpen: boolean;
+        openWindows: Array<{
+            start: string;
+            end: string;
+        }>;
+    };
+    slotConfig: {
+        duration: number;
+        durationUnit: DurationUnit;
+    };
+    slots: Array<{
+        id: string;
+        start: string;
+        end: string;
+        label: string;
+        /** Canonical UTC start time (stable across timezone views) */
+        canonicalStartUtc?: string;
+        available: boolean;
+        reason?: "booked" | "buffer" | "closed" | "max_per_day_reached" | "past" | "staff_unavailable" | "too_far_in_advance" | "too_soon";
+        /** When service allows staff picking, lists staffs available for this slot */
+        availableStaffs: Staff[];
+        /** For group bookings: how many participants already booked for this exact slot (and provider, when applicable). */
+        bookedCount?: number;
+        /** For group bookings: max participants allowed for this slot (capacity). */
+        maxParticipants?: number;
+        /** For group bookings: maxParticipants - bookedCount. */
+        remainingSeats?: number;
+        /** For group bookings with provider selection: remaining seats per provider for this exact slot. */
+        remainingSeatsByStaffId?: Record<string, number>;
+        /** For group bookings with provider selection: booked count per provider for this exact slot. */
+        bookedCountByStaffId?: Record<string, number>;
+    }>;
+    warnings?: Array<{
+        code: "CLOSED" | "MAX_PER_DAY_REACHED" | "NO_SLOTS" | "INVALID_DATE" | "SERVICE_NOT_BOOKABLE";
+        message: string;
+    }>;
+};
+export interface DirectoryListItem {
+    id?: string;
+    tenantId: string;
+    serviceId: string;
+    createdAt?: string;
+    data: Directory["data"];
+}
+export interface DirectoryListResponse {
+    page: number;
+    pageSize: number;
+    total: number;
+    items: DirectoryListItem[];
+}
+export type { DiscoverItem, DiscoverResponse, DiscoverSort, DiscoverLocationFilter } from "./discover.js";
+export interface NotificationListResponse {
+    page: number;
+    pageSize: number;
+    total: number;
+    items: Notification[];
+    unreadCount?: number;
+}
+//# sourceMappingURL=requestResponse.d.ts.map

package/dist/cjs/types/requestResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestResponse.d.ts","sourceRoot":"","sources":["../../../src/types/requestResponse.ts"],"names":[],"mappings":"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"}

package/dist/cjs/types/subscription.cjs

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/types/subscription.d.ts

@@ -0,0 +1,50 @@
+export type SubscriptionTypes = "free" | "starter" | "teams" | "enterprise";
+export interface Subscription {
+    rank: number;
+    prices: {
+        monthly: number;
+        yearly: number;
+    };
+    /**
+     * Number of seats/users in the subscription per business
+     */
+    seats: number;
+    /**
+     * Whether the subscription includes payment processing
+     */
+    payment: boolean;
+    /**
+     * Whether the system should show Powered by FoxScheduling branding
+     */
+    branding: boolean;
+    /**
+     * Number of services in the subscription per business
+     */
+    services: number;
+    /**
+     * Number of calendars/availability group in the subscription per business
+     */
+    calendars: number;
+    /**
+     * Number of businesses in the subscription
+     */
+    businesses: number;
+    /**
+     * Number of bookings per month
+     */
+    bookingsPerMonth: number;
+    /**
+     * Number of AI calls per day
+     */
+    aiCallsPerDay: number;
+    /**
+     * Whether the subscription includes services to be listed in directories
+     */
+    servicesToDirectories: boolean;
+    /**
+     * Max configurable email flow templates per business (all flow types combined)
+     */
+    emailFlows: number;
+    type: SubscriptionTypes;
+}
+//# sourceMappingURL=subscription.d.ts.map

package/dist/cjs/types/subscription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription.d.ts","sourceRoot":"","sources":["../../../src/types/subscription.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AAC5E,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,iBAAiB,CAAC;CAC3B"}

package/dist/cjs/utils/bookingEmbed.cjs

@@ -0,0 +1,178 @@
+"use strict";
+/**
+ * Booking page embed URL and snippet builders (iframe + popup widget).
+ * Used by dashboard UI and the hosted embed.js loader.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMBED_IFRAME_BORDER_RADIUS_PX = exports.EMBED_DEFAULT_SHOW_THEME_TOGGLE = exports.EMBED_DEFAULT_HIDE_PAGE_DETAILS = exports.EMBED_MODAL_MAX_WIDTH_CAP_PX = exports.EMBED_MODAL_DEFAULT_MAX_WIDTH_PX = exports.getEmbedFrameLoaderHtml = exports.getEmbedFrameLoaderCss = exports.EMBED_FRAME_WRAP_CLASS = exports.EMBED_FRAME_LOADER_LABEL = exports.EMBED_FRAME_LOADER_CLASS = exports.EMBED_FRAME_LOAD_TIMEOUT_MS = exports.EMBED_FRAME_DEFAULT_HEIGHT_PX = void 0;
+exports.buildBookingEmbedUrl = buildBookingEmbedUrl;
+exports.resolveBookingEmbedBaseUrl = resolveBookingEmbedBaseUrl;
+exports.buildInlineIframeEmbedCode = buildInlineIframeEmbedCode;
+exports.isValidWidgetTriggerId = isValidWidgetTriggerId;
+exports.escapeHtmlAttribute = escapeHtmlAttribute;
+exports.buildWidgetScriptSnippet = buildWidgetScriptSnippet;
+exports.parseWidgetConfigFromScriptDataset = parseWidgetConfigFromScriptDataset;
+const embedFrameLoader_js_1 = require("./embedFrameLoader.cjs");
+var embedFrameLoader_js_2 = require("./embedFrameLoader.cjs");
+Object.defineProperty(exports, "EMBED_FRAME_DEFAULT_HEIGHT_PX", { enumerable: true, get: function () { return embedFrameLoader_js_2.EMBED_FRAME_DEFAULT_HEIGHT_PX; } });
+Object.defineProperty(exports, "EMBED_FRAME_LOAD_TIMEOUT_MS", { enumerable: true, get: function () { return embedFrameLoader_js_2.EMBED_FRAME_LOAD_TIMEOUT_MS; } });
+Object.defineProperty(exports, "EMBED_FRAME_LOADER_CLASS", { enumerable: true, get: function () { return embedFrameLoader_js_2.EMBED_FRAME_LOADER_CLASS; } });
+Object.defineProperty(exports, "EMBED_FRAME_LOADER_LABEL", { enumerable: true, get: function () { return embedFrameLoader_js_2.EMBED_FRAME_LOADER_LABEL; } });
+Object.defineProperty(exports, "EMBED_FRAME_WRAP_CLASS", { enumerable: true, get: function () { return embedFrameLoader_js_2.EMBED_FRAME_WRAP_CLASS; } });
+Object.defineProperty(exports, "getEmbedFrameLoaderCss", { enumerable: true, get: function () { return embedFrameLoader_js_2.getEmbedFrameLoaderCss; } });
+Object.defineProperty(exports, "getEmbedFrameLoaderHtml", { enumerable: true, get: function () { return embedFrameLoader_js_2.getEmbedFrameLoaderHtml; } });
+/** Popup widget max width on large viewports (full width on small phones). */
+exports.EMBED_MODAL_DEFAULT_MAX_WIDTH_PX = 1150;
+exports.EMBED_MODAL_MAX_WIDTH_CAP_PX = 1400;
+exports.EMBED_DEFAULT_HIDE_PAGE_DETAILS = false;
+exports.EMBED_DEFAULT_SHOW_THEME_TOGGLE = true;
+exports.EMBED_IFRAME_BORDER_RADIUS_PX = {
+    none: "0",
+    sm: "4",
+    medium: "8",
+    lg: "12",
+    xl: "16",
+    "2xl": "24",
+};
+const IFRAME_SANDBOX = "allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation";
+function buildBookingEmbedUrl(baseUrl, options = {}) {
+    const trimmed = baseUrl.trim().replace(/\/+$/, "");
+    if (!trimmed)
+        return "";
+    const params = new URLSearchParams();
+    if (options.hidePageDetails)
+        params.set("hidePageDetails", "true");
+    if (options.showBackLink === false)
+        params.set("showBackLink", "false");
+    else if (options.showBackLink)
+        params.set("showBackLink", "true");
+    if (options.showThemeToggle !== undefined) {
+        params.set("showThemeToggle", options.showThemeToggle ? "true" : "false");
+    }
+    if (options.theme && options.theme !== "auto") {
+        params.set("theme", options.theme);
+    }
+    const qs = params.toString();
+    return qs ? `${trimmed}?${qs}` : trimmed;
+}
+function resolveBookingEmbedBaseUrl(bookingBaseUrl, servicePath) {
+    const base = bookingBaseUrl.trim().replace(/\/+$/, "");
+    if (!servicePath?.trim())
+        return base;
+    const segment = servicePath.trim().replace(/^\/+/, "");
+    return segment ? `${base}/${segment}` : base;
+}
+function buildInlineIframeEmbedCode(embedUrl, borderRadiusKey, heightPx = embedFrameLoader_js_1.EMBED_FRAME_DEFAULT_HEIGHT_PX) {
+    const radiusPx = exports.EMBED_IFRAME_BORDER_RADIUS_PX[borderRadiusKey] ?? "8";
+    const safeUrl = escapeHtmlAttribute(embedUrl);
+    const height = Number.isFinite(heightPx) && heightPx > 0 ? Math.round(heightPx) : embedFrameLoader_js_1.EMBED_FRAME_DEFAULT_HEIGHT_PX;
+    const wrapperStyle = `position:relative;border-radius:${radiusPx}px;overflow:hidden;min-height:${height}px;`;
+    const loaderCss = (0, embedFrameLoader_js_1.getEmbedFrameLoaderCss)(`.${embedFrameLoader_js_1.EMBED_FRAME_WRAP_CLASS}`);
+    const loaderHtml = (0, embedFrameLoader_js_1.getEmbedFrameLoaderHtml)();
+    const initScript = (0, embedFrameLoader_js_1.buildEmbedFrameLoadInitScript)();
+    return `<style>${loaderCss}</style><div class="${embedFrameLoader_js_1.EMBED_FRAME_WRAP_CLASS}" style="${wrapperStyle}" aria-busy="true">${loaderHtml}<iframe src="${safeUrl}" width="100%" height="${height}" frameborder="0" loading="eager" referrerpolicy="no-referrer-when-downgrade" sandbox="${IFRAME_SANDBOX}" title="Book appointment"></iframe>${initScript}</div>`;
+}
+/** Valid HTML id for data-trigger-id (no # prefix). */
+function isValidWidgetTriggerId(id) {
+    const trimmed = id.trim();
+    return /^[A-Za-z][\w-]*$/.test(trimmed) && trimmed.length <= 100;
+}
+function escapeHtmlAttribute(value) {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/"/g, "&quot;")
+        .replace(/</g, "&lt;");
+}
+function buildWidgetScriptSnippet(config) {
+    const bookingBase = resolveBookingEmbedBaseUrl(config.bookingBaseUrl, config.servicePath);
+    const embedUrl = buildBookingEmbedUrl(bookingBase, {
+        hidePageDetails: config.hidePageDetails ?? exports.EMBED_DEFAULT_HIDE_PAGE_DETAILS,
+        showBackLink: config.showBackLink ?? true,
+        showThemeToggle: config.showThemeToggle ?? exports.EMBED_DEFAULT_SHOW_THEME_TOGGLE,
+        theme: config.theme,
+    });
+    const scriptSrc = `${config.scriptOrigin.replace(/\/+$/, "")}/embed.js`;
+    const useExistingButton = config.buttonMode === "existing" &&
+        config.triggerId?.trim() &&
+        isValidWidgetTriggerId(config.triggerId);
+    const attrs = {
+        src: scriptSrc,
+        async: "",
+        "data-booking-url": embedUrl,
+    };
+    if (useExistingButton) {
+        attrs["data-trigger-id"] = config.triggerId.trim();
+    }
+    else {
+        attrs["data-button-text"] = config.button.text;
+        attrs["data-button-bg"] = config.button.backgroundColor;
+        attrs["data-button-color"] = config.button.textColor;
+        attrs["data-button-radius"] = String(config.button.borderRadiusPx);
+        if (config.button.fontSizePx != null) {
+            attrs["data-button-font-size"] = String(config.button.fontSizePx);
+        }
+        if (config.button.paddingXpx != null) {
+            attrs["data-button-padding-x"] = String(config.button.paddingXpx);
+        }
+        if (config.button.paddingYpx != null) {
+            attrs["data-button-padding-y"] = String(config.button.paddingYpx);
+        }
+    }
+    if (config.openMode === "newTab") {
+        attrs["data-open-mode"] = "new-tab";
+    }
+    else {
+        if (config.modalMaxWidthPx != null) {
+            attrs["data-modal-max-width"] = String(config.modalMaxWidthPx);
+        }
+        if (config.iframeBorderRadiusPx != null) {
+            attrs["data-iframe-radius"] = String(config.iframeBorderRadiusPx);
+        }
+    }
+    const attrString = Object.entries(attrs)
+        .map(([key, value]) => {
+        if (value === "")
+            return key;
+        return `${key}="${escapeHtmlAttribute(value)}"`;
+    })
+        .join("\n  ");
+    return `<script\n  ${attrString}\n></script>`;
+}
+/** Parse data-* attributes from the embed script tag (hosted embed.js). */
+function parseWidgetConfigFromScriptDataset(dataset) {
+    const bookingUrl = dataset.bookingUrl?.trim();
+    if (!bookingUrl)
+        return null;
+    const triggerRaw = dataset.triggerId?.trim();
+    const triggerId = triggerRaw && isValidWidgetTriggerId(triggerRaw) ? triggerRaw : undefined;
+    const text = dataset.buttonText?.trim() || "Book now";
+    const backgroundColor = dataset.buttonBg?.trim() || "#0ea5e9";
+    const textColor = dataset.buttonColor?.trim() || "#ffffff";
+    const borderRadiusPx = Number.parseInt(dataset.buttonRadius ?? "8", 10) || 8;
+    const fontSizePx = dataset.buttonFontSize
+        ? Number.parseInt(dataset.buttonFontSize, 10)
+        : undefined;
+    const paddingXpx = dataset.buttonPaddingX
+        ? Number.parseInt(dataset.buttonPaddingX, 10)
+        : undefined;
+    const paddingYpx = dataset.buttonPaddingY
+        ? Number.parseInt(dataset.buttonPaddingY, 10)
+        : undefined;
+    const openInNewTab = dataset.openMode === "new-tab";
+    return {
+        bookingUrl,
+        triggerId,
+        openInNewTab,
+        button: {
+            text,
+            backgroundColor,
+            textColor,
+            borderRadiusPx,
+            fontSizePx: Number.isFinite(fontSizePx) ? fontSizePx : undefined,
+            paddingXpx: Number.isFinite(paddingXpx) ? paddingXpx : undefined,
+            paddingYpx: Number.isFinite(paddingYpx) ? paddingYpx : undefined,
+        },
+        modalMaxWidthPx: Number.parseInt(dataset.modalMaxWidth ?? String(exports.EMBED_MODAL_DEFAULT_MAX_WIDTH_PX), 10) || exports.EMBED_MODAL_DEFAULT_MAX_WIDTH_PX,
+        iframeBorderRadiusPx: Number.parseInt(dataset.iframeRadius ?? "12", 10) || 12,
+    };
+}

package/dist/cjs/utils/bookingEmbed.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Booking page embed URL and snippet builders (iframe + popup widget).
+ * Used by dashboard UI and the hosted embed.js loader.
+ */
+export { EMBED_FRAME_DEFAULT_HEIGHT_PX, EMBED_FRAME_LOAD_TIMEOUT_MS, EMBED_FRAME_LOADER_CLASS, EMBED_FRAME_LOADER_LABEL, EMBED_FRAME_WRAP_CLASS, getEmbedFrameLoaderCss, getEmbedFrameLoaderHtml, } from "./embedFrameLoader.js";
+export type BookingEmbedTheme = "light" | "dark" | "auto";
+export type BookingEmbedOptions = {
+    hidePageDetails?: boolean;
+    showBackLink?: boolean;
+    showThemeToggle?: boolean;
+    theme?: BookingEmbedTheme;
+};
+/** Popup widget max width on large viewports (full width on small phones). */
+export declare const EMBED_MODAL_DEFAULT_MAX_WIDTH_PX = 1150;
+export declare const EMBED_MODAL_MAX_WIDTH_CAP_PX = 1400;
+export declare const EMBED_DEFAULT_HIDE_PAGE_DETAILS = false;
+export declare const EMBED_DEFAULT_SHOW_THEME_TOGGLE = true;
+export declare const EMBED_IFRAME_BORDER_RADIUS_PX: Record<string, string>;
+export declare function buildBookingEmbedUrl(baseUrl: string, options?: BookingEmbedOptions): string;
+export declare function resolveBookingEmbedBaseUrl(bookingBaseUrl: string, servicePath?: string): string;
+export declare function buildInlineIframeEmbedCode(embedUrl: string, borderRadiusKey: string, heightPx?: number): string;
+export type WidgetButtonStyle = {
+    text: string;
+    backgroundColor: string;
+    textColor: string;
+    borderRadiusPx: number;
+    fontSizePx?: number;
+    paddingXpx?: number;
+    paddingYpx?: number;
+};
+export type WidgetButtonMode = "create" | "existing";
+export type WidgetOpenMode = "popup" | "newTab";
+export type WidgetEmbedConfig = BookingEmbedOptions & {
+    scriptOrigin: string;
+    bookingBaseUrl: string;
+    servicePath?: string;
+    /** When `existing`, use `triggerId` and omit injected button styles from the snippet. */
+    buttonMode?: WidgetButtonMode;
+    /** HTML id of an element on the host page (without #). */
+    triggerId?: string;
+    /** Popup modal on the same page, or open booking URL in a new browser tab. */
+    openMode?: WidgetOpenMode;
+    button: WidgetButtonStyle;
+    /** Max popup width in px; smaller viewports use available width minus padding. */
+    modalMaxWidthPx?: number;
+    iframeBorderRadiusPx?: number;
+};
+/** Valid HTML id for data-trigger-id (no # prefix). */
+export declare function isValidWidgetTriggerId(id: string): boolean;
+export declare function escapeHtmlAttribute(value: string): string;
+export declare function buildWidgetScriptSnippet(config: WidgetEmbedConfig): string;
+/** Parse data-* attributes from the embed script tag (hosted embed.js). */
+export declare function parseWidgetConfigFromScriptDataset(dataset: Record<string, string | undefined>): {
+    bookingUrl: string;
+    triggerId?: string;
+    openInNewTab: boolean;
+    button: WidgetButtonStyle;
+    modalMaxWidthPx: number;
+    iframeBorderRadiusPx: number;
+} | null;
+//# sourceMappingURL=bookingEmbed.d.ts.map

package/dist/cjs/utils/bookingEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookingEmbed.d.ts","sourceRoot":"","sources":["../../../src/utils/bookingEmbed.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC3B,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,gCAAgC,OAAO,CAAC;AACrD,eAAO,MAAM,4BAA4B,OAAO,CAAC;AAEjD,eAAO,MAAM,+BAA+B,QAAQ,CAAC;AACrD,eAAO,MAAM,+BAA+B,OAAO,CAAC;AAEpD,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOhE,CAAC;AAKF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAiBR;AAED,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,EACtB,WAAW,CAAC,EAAE,MAAM,GACnB,MAAM,CAKR;AAED,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,MAAM,EACvB,QAAQ,GAAE,MAAsC,GAC/C,MAAM,CASR;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,uDAAuD;AACvD,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAG1D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKzD;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CA6D1E;AAED,2EAA2E;AAC3E,wBAAgB,kCAAkC,CAChD,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAC1C;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;CAC9B,GAAG,IAAI,CA6CP"}

package/dist/cjs/utils/bookingPageIcons.cjs

@@ -0,0 +1,218 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ACCENT_HEX = exports.ACCENT_GRADIENT_STYLES = exports.ACCENT_PRESETS = exports.PRESET_ACCENTS = exports.BOOKING_PAGE_ICONS = void 0;
+exports.getServiceIconSvg = getServiceIconSvg;
+/** Inline SVG strings for Lucide icons - used in generated booking page HTML */
+const svgBase = 'xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"';
+exports.BOOKING_PAGE_ICONS = {
+    clock: `<svg ${svgBase}><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>`,
+    "dollar-sign": `<svg ${svgBase}><line x1="12" x2="12" y1="2" y2="22"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>`,
+    "arrow-right": `<svg ${svgBase}><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>`,
+    tag: `<svg ${svgBase}><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/></svg>`,
+    scissors: `<svg ${svgBase}><circle cx="6" cy="6" r="3"/><path d="M8.12 8.12 12 12"/><path d="M20 4 8.12 15.88"/><circle cx="6" cy="18" r="3"/><path d="M8.12 8.12 12 12"/><path d="M14.88 8.12 12 12"/><path d="M20 4 8.12 15.88"/><path d="M12 12 12 12"/></svg>`,
+    sparkles: `<svg ${svgBase}><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/><path d="M5 3v4"/><path d="M19 17v4"/><path d="M3 5h4"/><path d="M17 19h4"/></svg>`,
+    heart: `<svg ${svgBase}><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg>`,
+    star: `<svg ${svgBase}><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>`,
+    palette: `<svg ${svgBase}><circle cx="13.5" cy="6.5" r=".5"/><circle cx="17.5" cy="10.5" r=".5"/><circle cx="8.5" cy="7.5" r=".5"/><circle cx="6.5" cy="12.5" r=".5"/><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.648 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.555C21.965 6.012 17.461 2 12 2z"/></svg>`,
+    camera: `<svg ${svgBase}><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>`,
+    music: `<svg ${svgBase}><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>`,
+    briefcase: `<svg ${svgBase}><rect width="20" height="14" x="2" y="7" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>`,
+    dumbbell: `<svg ${svgBase}><path d="M14.4 14.4 9.6 9.6"/><path d="M18.657 21.485a2 2 0 1 1-2.829-2.828l-1.767 1.768a2 2 0 1 1-2.829-2.829l6.364-6.364a2 2 0 1 1 2.829 2.829l-1.768 1.767"/><path d="m21.5 21.5-1.4-1.4"/><path d="M3.9 3.9 2.5 2.5"/><path d="m6.404 12.768 1.414-1.414"/><path d="m12.768 6.404 1.414-1.414"/><path d="m18.657 2.929 1.414-1.414"/><path d="m2.929 18.657 1.414-1.414"/></svg>`,
+    car: `<svg ${svgBase}><path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9C2.5 10.2 2 11.5 2 13v3c0 .6.4 1 1 1h2"/><circle cx="7" cy="17" r="2"/><path d="M9 17h6"/><circle cx="17" cy="17" r="2"/></svg>`,
+    home: `<svg ${svgBase}><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>`,
+    utensils: `<svg ${svgBase}><path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"/><path d="M7 2v20"/><path d="M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"/></svg>`,
+    coffee: `<svg ${svgBase}><path d="M17 8h1a4 4 0 1 1 0 8h-1"/><path d="M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"/><line x1="6" x2="6" y1="2" y2="4"/><line x1="10" x2="10" y1="2" y2="4"/><line x1="14" x2="14" y1="2" y2="4"/></svg>`,
+    package: `<svg ${svgBase}><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg>`,
+    "map-pin": `<svg ${svgBase}><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>`,
+    calendar: `<svg ${svgBase}><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>`,
+    phone: `<svg ${svgBase}><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/></svg>`,
+    mail: `<svg ${svgBase}><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"/><rect x="2" y="4" width="20" height="16" rx="2"/></svg>`,
+    video: `<svg ${svgBase}><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"/><rect x="2" y="6" width="14" height="12" rx="2"/></svg>`,
+    stethoscope: `<svg ${svgBase}><path d="M11 2v2"/><path d="M5 2v2"/><path d="M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1"/><path d="M8 15a6 6 0 0 0 12 0v-3"/><circle cx="20" cy="10" r="2"/></svg>`,
+    "book-open": `<svg ${svgBase}><path d="M12 7v14"/><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"/></svg>`,
+    wrench: `<svg ${svgBase}><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"/></svg>`,
+    gift: `<svg ${svgBase}><path d="M12 7v14"/><path d="M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8"/><path d="M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5"/><rect x="3" y="7" width="18" height="4" rx="1"/></svg>`,
+};
+function getServiceIconSvg(iconId) {
+    const key = iconId && exports.BOOKING_PAGE_ICONS[iconId] ? iconId : "tag";
+    return exports.BOOKING_PAGE_ICONS[key];
+}
+exports.PRESET_ACCENTS = [
+    {
+        value: "emerald",
+        label: "Emerald",
+        class: "from-emerald-500 to-teal-600",
+        hoverBorder: "hover:border-emerald-500/50",
+        hoverText: "group-hover:text-emerald-500",
+        active: "border-emerald-500 bg-emerald-500/10 text-emerald-500",
+        proseLink: "[&_a]:text-emerald-500 [&_a:hover]:text-emerald-600",
+        link: "text-emerald-500 hover:text-emerald-600",
+    },
+    {
+        value: "violet",
+        label: "Violet",
+        class: "from-violet-500 to-purple-600",
+        hoverBorder: "hover:border-violet-500/50",
+        hoverText: "group-hover:text-violet-500",
+        active: "border-violet-500 bg-violet-500/10 text-violet-500",
+        proseLink: "[&_a]:text-violet-500 [&_a:hover]:text-violet-600",
+        link: "text-violet-500 hover:text-violet-600",
+    },
+    {
+        value: "blue",
+        label: "Blue",
+        class: "from-blue-500 to-indigo-600",
+        hoverBorder: "hover:border-blue-500/50",
+        hoverText: "group-hover:text-blue-500",
+        active: "border-blue-500 bg-blue-500/10 text-blue-500",
+        proseLink: "[&_a]:text-blue-500 [&_a:hover]:text-blue-600",
+        link: "text-blue-500 hover:text-blue-600",
+    },
+    {
+        value: "cyan",
+        label: "Cyan",
+        class: "from-cyan-500 to-teal-600",
+        hoverBorder: "hover:border-cyan-500/50",
+        hoverText: "group-hover:text-cyan-500",
+        active: "border-cyan-500 bg-cyan-500/10 text-cyan-500",
+        proseLink: "[&_a]:text-cyan-500 [&_a:hover]:text-cyan-600",
+        link: "text-cyan-500 hover:text-cyan-600",
+    },
+    {
+        value: "sky",
+        label: "Sky",
+        class: "from-sky-500 to-blue-600",
+        hoverBorder: "hover:border-sky-500/50",
+        hoverText: "group-hover:text-sky-500",
+        active: "border-sky-500 bg-sky-500/10 text-sky-500",
+        proseLink: "[&_a]:text-sky-500 [&_a:hover]:text-sky-600",
+        link: "text-sky-500 hover:text-sky-600",
+    },
+    {
+        value: "indigo",
+        label: "Indigo",
+        class: "from-indigo-500 to-violet-600",
+        hoverBorder: "hover:border-indigo-500/50",
+        hoverText: "group-hover:text-indigo-500",
+        active: "border-indigo-500 bg-indigo-500/10 text-indigo-500",
+        proseLink: "[&_a]:text-indigo-500 [&_a:hover]:text-indigo-600",
+        link: "text-indigo-500 hover:text-indigo-600",
+    },
+    {
+        value: "fuchsia",
+        label: "Fuchsia",
+        class: "from-fuchsia-500 to-pink-600",
+        hoverBorder: "hover:border-fuchsia-500/50",
+        hoverText: "group-hover:text-fuchsia-500",
+        active: "border-fuchsia-500 bg-fuchsia-500/10 text-fuchsia-500",
+        proseLink: "[&_a]:text-fuchsia-500 [&_a:hover]:text-fuchsia-600",
+        link: "text-fuchsia-500 hover:text-fuchsia-600",
+    },
+    {
+        value: "rose",
+        label: "Rose",
+        class: "from-rose-500 to-pink-600",
+        hoverBorder: "hover:border-rose-500/50",
+        hoverText: "group-hover:text-rose-500",
+        active: "border-rose-500 bg-rose-500/10 text-rose-500",
+        proseLink: "[&_a]:text-rose-500 [&_a:hover]:text-rose-600",
+        link: "text-rose-500 hover:text-rose-600",
+    },
+    {
+        value: "amber",
+        label: "Amber",
+        class: "from-amber-500 to-orange-600",
+        hoverBorder: "hover:border-amber-500/50",
+        hoverText: "group-hover:text-amber-500",
+        active: "border-amber-500 bg-amber-500/10 text-amber-500",
+        proseLink: "[&_a]:text-amber-500 [&_a:hover]:text-amber-600",
+        link: "text-amber-500 hover:text-amber-600",
+    },
+    {
+        value: "orange",
+        label: "Orange",
+        class: "from-orange-500 to-amber-600",
+        hoverBorder: "hover:border-orange-500/50",
+        hoverText: "group-hover:text-orange-500",
+        active: "border-orange-500 bg-orange-500/10 text-orange-500",
+        proseLink: "[&_a]:text-orange-500 [&_a:hover]:text-orange-600",
+        link: "text-orange-500 hover:text-orange-600",
+    },
+    {
+        value: "red",
+        label: "Red",
+        class: "from-red-500 to-rose-600",
+        hoverBorder: "hover:border-red-500/50",
+        hoverText: "group-hover:text-red-500",
+        active: "border-red-500 bg-red-500/10 text-red-500",
+        proseLink: "[&_a]:text-red-500 [&_a:hover]:text-red-600",
+        link: "text-red-500 hover:text-red-600",
+    },
+    {
+        value: "lime",
+        label: "Lime",
+        class: "from-lime-500 to-green-600",
+        hoverBorder: "hover:border-lime-500/50",
+        hoverText: "group-hover:text-lime-500",
+        active: "border-lime-500 bg-lime-500/10 text-lime-500",
+        proseLink: "[&_a]:text-lime-500 [&_a:hover]:text-lime-600",
+        link: "text-lime-500 hover:text-lime-600",
+    },
+    {
+        value: "slate",
+        label: "Slate",
+        class: "from-slate-500 to-slate-700",
+        hoverBorder: "hover:border-slate-500/50",
+        hoverText: "group-hover:text-slate-500",
+        active: "border-slate-500 bg-slate-500/10 text-slate-500",
+        proseLink: "[&_a]:text-slate-500 [&_a:hover]:text-slate-600",
+        link: "text-slate-500 hover:text-slate-600",
+    },
+];
+exports.ACCENT_PRESETS = {
+    emerald: { class: "bg-emerald-500 from-emerald-500 to-teal-600", link: "text-emerald-500 hover:text-emerald-600", border: "border-emerald-500 hover:border-emerald-600", hoverBg: "hover:bg-emerald-50" },
+    violet: { class: "bg-violet-500 from-violet-500 to-purple-600", link: "text-violet-500 hover:text-violet-600", border: "border-violet-500 hover:border-violet-600", hoverBg: "hover:bg-violet-50" },
+    blue: { class: "bg-blue-500 from-blue-500 to-indigo-600", link: "text-blue-500 hover:text-blue-600", border: "border-blue-500 hover:border-blue-600", hoverBg: "hover:bg-blue-50" },
+    cyan: { class: "bg-cyan-500 from-cyan-500 to-teal-600", link: "text-cyan-500 hover:text-cyan-600", border: "border-cyan-500 hover:border-cyan-600", hoverBg: "hover:bg-cyan-50" },
+    sky: { class: "bg-sky-500 from-sky-500 to-blue-600", link: "text-sky-500 hover:text-sky-600", border: "border-sky-500 hover:border-sky-600", hoverBg: "hover:bg-sky-50" },
+    indigo: { class: "bg-indigo-500 from-indigo-500 to-violet-600", link: "text-indigo-500 hover:text-indigo-600", border: "border-indigo-500 hover:border-indigo-600", hoverBg: "hover:bg-indigo-50" },
+    fuchsia: { class: "bg-fuchsia-500 from-fuchsia-500 to-pink-600", link: "text-fuchsia-500 hover:text-fuchsia-600", border: "border-fuchsia-500 hover:border-fuchsia-600", hoverBg: "hover:bg-fuchsia-50" },
+    rose: { class: "bg-rose-500 from-rose-500 to-pink-600", link: "text-rose-500 hover:text-rose-600", border: "border-rose-500 hover:border-rose-600", hoverBg: "hover:bg-rose-50" },
+    amber: { class: "bg-amber-500 from-amber-500 to-orange-600", link: "text-amber-500 hover:text-amber-600", border: "border-amber-500 hover:border-amber-600", hoverBg: "hover:bg-amber-50" },
+    orange: { class: "bg-orange-500 from-orange-500 to-amber-600", link: "text-orange-500 hover:text-orange-600", border: "border-orange-500 hover:border-orange-600", hoverBg: "hover:bg-orange-50" },
+    red: { class: "bg-red-500 from-red-500 to-rose-600", link: "text-red-500 hover:text-red-600", border: "border-red-500 hover:border-red-600", hoverBg: "hover:bg-red-50" },
+    lime: { class: "bg-lime-500 from-lime-500 to-green-600", link: "text-lime-500 hover:text-lime-600", border: "border-lime-500 hover:border-lime-600", hoverBg: "hover:bg-lime-50" },
+    slate: { class: "bg-slate-500 from-slate-500 to-slate-700", link: "text-slate-500 hover:text-slate-600", border: "border-slate-500 hover:border-slate-600", hoverBg: "hover:bg-slate-50" },
+};
+/** Hex gradients for accent swatches - Tailwind v4 may not include from-/to- utilities */
+exports.ACCENT_GRADIENT_STYLES = {
+    emerald: "linear-gradient(135deg, #10b981, #0d9488)",
+    violet: "linear-gradient(135deg, #8b5cf6, #9333ea)",
+    blue: "linear-gradient(135deg, #3b82f6, #4f46e5)",
+    cyan: "linear-gradient(135deg, #06b6d4, #0d9488)",
+    sky: "linear-gradient(135deg, #0ea5e9, #2563eb)",
+    indigo: "linear-gradient(135deg, #6366f1, #8b5cf6)",
+    fuchsia: "linear-gradient(135deg, #d946ef, #db2777)",
+    rose: "linear-gradient(135deg, #f43f5e, #ec4899)",
+    amber: "linear-gradient(135deg, #f59e0b, #ea580c)",
+    orange: "linear-gradient(135deg, #f97316, #f59e0b)",
+    red: "linear-gradient(135deg, #ef4444, #f43f5e)",
+    lime: "linear-gradient(135deg, #84cc16, #16a34a)",
+    slate: "linear-gradient(135deg, #64748b, #475569)",
+};
+/** Primary hex for each preset - used for grid layout CSS variables */
+exports.ACCENT_HEX = {
+    emerald: "#10b981",
+    violet: "#8b5cf6",
+    blue: "#3b82f6",
+    cyan: "#06b6d4",
+    sky: "#0ea5e9",
+    indigo: "#6366f1",
+    fuchsia: "#d946ef",
+    rose: "#f43f5e",
+    amber: "#f59e0b",
+    orange: "#f97316",
+    red: "#ef4444",
+    lime: "#84cc16",
+    slate: "#64748b",
+};