@escape-game-over/atlas 0.1.104 → 0.1.105

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@escape-game-over/atlas",
-    "version": "0.1.104",
+    "version": "0.1.105",
     "type": "module",
     "description": "Typed, data-driven machinery for static multi-locale, multi-deployment Astro sites.",
     "private": false,
@@ -18,6 +18,7 @@
         "./client": "./src/astro/client.ts",
         "./astro/auto-dialog": "./src/astro/AutoDialog.astro",
         "./astro/background-video": "./src/astro/BackgroundVideo.astro",
+        "./astro/booking-widget": "./src/astro/BookingWidget.astro",
         "./astro/consent-banner": "./src/astro/ConsentBanner.astro",
         "./astro/document": "./src/astro/Document.astro",
         "./astro/element": "./src/astro/AtlasElement.astro",

package/src/astro/BookingWidget.astro

@@ -0,0 +1,31 @@
+---
+/**
+ * A booking widget, whatever its vendor: the one place that picks the
+ * vendor's component, so a site passes what its config holds and nothing
+ * else. Attributes go to that component's element.
+ *
+ * ```astro
+ * <BookingWidget widget={settings.booking} locale={locale} class="my-8" />
+ * ```
+ */
+import type { HTMLAttributes } from "astro/types";
+import type { BookingWidget } from "../booking/widget.ts";
+import FourEscape from "./FourEscape.astro";
+
+type Props = HTMLAttributes<"div"> & {
+    readonly widget: BookingWidget;
+    /** The page's: the widget speaks it when its vendor has it. */
+    readonly locale: string;
+};
+
+const { widget, locale, ...attrs } = Astro.props;
+---
+
+{widget.vendor === "4escape" && (
+    <FourEscape
+        {...attrs}
+        widgetId={widget.widgetId}
+        domain={widget.domain}
+        locale={locale}
+    />
+)}