@forgebuild/hotal-ui 0.23.19 → 0.23.40

package/dist/index.d.ts

@@ -1058,6 +1058,8 @@ export interface BookingSummaryElement extends HTMLElement {
 export interface SearchableSelectOption {
 	value: string;
 	label: string;
+	/** Right-aligned secondary text on the row (a price, a code) -- shown in the trigger too once selected. */
+	detail?: string;
 	/** Passed through untouched on the `change` event -- e.g. an ISO2 code alongside a country name. */
 	meta?: unknown;
 }
@@ -1074,6 +1076,8 @@ export interface SearchableSelectElement extends HTMLElement {
 	placeholder?: string;
 	variant?: 'phone' | 'country' | '';
 	searchPlaceholder?: string;
+	/** Hide the search box -- for short lists where filtering is noise. */
+	noSearch?: boolean;
 }
 
 export interface BookingConfirmedElement extends HTMLElement {
@@ -1130,8 +1134,72 @@ export interface RestaurantOrderFormElement extends HTMLElement {
 	placeOrder?: (params: RestaurantOrderPlaceParams) => Promise<RestaurantOrderPlaceResult>;
 }
 
+export interface ServiceBookingBarStrings {
+	placeholder: string;
+	bookLabel: string;
+	loadingLabel: string;
+	errorLabel: string;
+}
+
+/** <service-booking-bar>: one joined control -- a service select with an
+ *  attached Book button. Picking a service dispatches `book`
+ *  ({ id, name, price }); the always-present button re-dispatches it, or
+ *  dispatches `book` with a null detail when nothing is chosen ("take me to
+ *  booking" -- the host's flow does the choosing). Both applyOnSelect and
+ *  showBookButton default true; explicit false is honoured verbatim. */
+export interface ServiceBookingBarElement extends HTMLElement {
+	applyOnSelect?: boolean;
+	showBookButton?: boolean;
+	strings?: Partial<ServiceBookingBarStrings>;
+	fetchTreatments?: () => Promise<SpaTreatment[]>;
+}
+
+export interface GoogleReviewItem {
+	author: string;
+	author_photo?: string | null;
+	rating: number;
+	text: string;
+	relative_time?: string;
+	published_at?: string | null;
+}
+
+/** The payload <google-reviews> renders -- the shape served by the OTA's
+ *  GET /api/property/google-reviews (a cached Google Places fetch). */
+export interface GoogleReviewsPayload {
+	rating: number | null;
+	count: number;
+	maps_url?: string | null;
+	write_review_url?: string | null;
+	reviews: GoogleReviewItem[];
+	fetched_at?: string;
+}
+
+export interface GoogleReviewsStrings {
+	reviewsLabel: string;
+	ctaLabel: string;
+	seeAllLabel: string;
+	loadingLabel: string;
+	errorLabel: string;
+}
+
+/** <google-reviews>: live Google rating, count, "Review us on Google" CTA
+ *  and the latest review cards. The host injects fetchReviews (typically a
+ *  site proxy in front of the OTA google-reviews endpoint); dispatches
+ *  `loaded` ({ rating, count }) when the payload arrives. Theme via --gr-*. */
+export interface GoogleReviewsElement extends HTMLElement {
+	/** 'grid' (default) or 'slider' (scroll-snap track with prev/next arrows). */
+	variant?: 'grid' | 'slider';
+	/** Slider only: seconds between automatic advances; 0/unset = off. */
+	autoAdvance?: number;
+	maxReviews?: number;
+	strings?: Partial<GoogleReviewsStrings>;
+	fetchReviews?: () => Promise<GoogleReviewsPayload>;
+}
+
 declare global {
 	interface HTMLElementTagNameMap {
+		'google-reviews': GoogleReviewsElement;
+		'service-booking-bar': ServiceBookingBarElement;
 		'reservation-bar': ReservationBarElement;
 		'booking-flow': BookingFlowElement;
 		'menu-section': MenuSectionElement;

package/package.json

@@ -1,45 +1,45 @@
-{
-  "name": "@forgebuild/hotal-ui",
-  "version": "0.23.19",
-  "description": "Reusable Svelte UI components for booking and reservation experiences.",
-  "type": "module",
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/hotal-ui.js",
-  "module": "./dist/hotal-ui.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/hotal-ui.js"
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@floating-ui/dom": "^1.8.0",
-    "@stripe/stripe-js": "^9.13.0",
-    "ably": "^2.27.0",
-    "gsap": "^3.15.0",
-    "libphonenumber-js": "^1.12.41",
-    "svelte": "^5.56.8"
-  },
-  "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^7.2.0",
-    "@tsconfig/svelte": "^5.0.8",
-    "@types/node": "^24.13.3",
-    "svelte-check": "^4.7.3",
-    "typescript": "~6.0.2",
-    "vite": "^8.2.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && node scripts/copy-types.mjs",
-    "prepublishOnly": "npm run build",
-    "preview": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
-  }
-}
+{
+  "name": "@forgebuild/hotal-ui",
+  "version": "0.23.40",
+  "description": "Reusable Svelte UI components for booking and reservation experiences.",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/hotal-ui.js",
+  "module": "./dist/hotal-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/hotal-ui.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.8.0",
+    "@stripe/stripe-js": "^9.13.0",
+    "ably": "^2.27.0",
+    "gsap": "^3.15.0",
+    "libphonenumber-js": "^1.12.41",
+    "svelte": "^5.56.8"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
+    "@tsconfig/svelte": "^5.0.8",
+    "@types/node": "^24.13.3",
+    "svelte-check": "^4.7.3",
+    "typescript": "~6.0.2",
+    "vite": "^8.2.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && node scripts/copy-types.mjs",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
+  }
+}